youmats.com Ads.txt file
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Use requestIdleCallback for minimal performance impact
function loadAnalytics() {
if (window.requestIdleCallback) {
requestIdleCallback(function() {
initAnalytics();
});
} else {
setTimeout(initAnalytics, 100);
}
}
function initAnalytics() {
// Initialize dataLayer
gtag('js', new Date());
gtag('config', 'G-YZKFXYSLSF', {
'send_page_view': false
});
// Load gtag script
var script = document.createElement('script');
script.async = true;
script.src = 'https://www.googletagmanager.com/gtag/js?id=G-YZKFXYSLSF';
script.onload = function() {
gtag('config', 'G-YZKFXYSLSF');
gtag('event', 'page_view');
};
document.head.appendChild(script);
// Load GTM
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=document.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NGLTD4RH');
}
// Load analytics when browser is idle
if (document.readyState === 'complete') {
loadAnalytics();
} else {
window.addEventListener('load', loadAnalytics);
}
</script>
<style>
body{visibility:hidden;opacity:0;transition:opacity 0.15s ease}
body.ready{visibility:visible;opacity:1}
</style>
<title>مواد البناء ومعدات التشييد في السعودية</title>
<meta name="keywords" content="مواد بناء, مواد البناء, افضل مواد البناء, مورد مواد البناء, مواد البناء السعودية, مواد البناء الخرسانة الجاهزة, دهانات, مستلزمات النجارة, مستلزمات سباكة, معدات البناء, معدات البناء والتشييد, معدات التشييد والبناء">
<meta name="description" content="منتجات ومستلومات مواد البناء في السعودية عبر موقع يوماتس إذ يتيح لك التعامل مع أفضل موردين مستلزمات مواد البناء والتشييد.">
<meta property="og:url" content="https://youmats.com" />
<meta property="og:title" content="مواد البناء ومعدات التشييد في السعودية" />
<meta property="og:description" content="منتجات ومستلومات مواد البناء في السعودية عبر موقع يوماتس إذ يتيح لك التعامل مع أفضل موردين مستلزمات مواد البناء والتشييد." />
<meta property="og:image" content="https://youmats-media.s3.me-central-1.amazonaws.com/Y41FE2SOB/conversions/logo-%281%29-size_height_45.webp" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="YM" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@YouMats">
<meta name="twitter:title" content="مواد البناء ومعدات التشييد في السعودية">
<meta name="twitter:description" content="منتجات ومستلومات مواد البناء في السعودية عبر موقع يوماتس إذ يتيح لك التعامل مع أفضل موردين مستلزمات مواد البناء والتشييد.">
<meta name="twitter:image" content="https://youmats-media.s3.me-central-1.amazonaws.com/Y41FE2SOB/conversions/logo-%281%29-size_height_45.webp">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="theme-color" content="#003f91">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<style>
.ec-user::before { content: "👤"; }
.ec-shopping-bag::before { content: "🛒"; }
.ec-store::before { content: "🏪"; }
.ec-dashboard::before { content: "📊"; }
.ec-sign-out::before { content: "🚪"; }
.ec-add-user::before { content: "➕"; }
.ec-add-store::before { content: "🏬"; }
.ec-list::before { content: "📋"; }
.fa-th-large::before { content: "☰"; }
</style>
<style>
*,*::before,*::after{box-sizing:border-box;}
html{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;scroll-behavior:smooth;}
body{margin:0;padding:0;background:#fff;color:#333;font-size:16px;}
.trial3-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;contain:layout style;}
.homepage-main{min-height:100vh;padding:2rem 0;contain:layout;}
.trial3-status{
background:linear-gradient(135deg,#28a745,#20c997);
color:white;
padding:1.5rem;
border-radius:12px;
text-align:center;
font-weight:600;
font-size:18px;
margin:2rem 0;
box-shadow:0 4px 15px rgba(40,167,69,0.3);
}
.visually-hidden{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.static-slider-content {
position: relative;
min-height: 280px;
}
@media (min-width: 768px) {
.static-slider-content {
height: 280px;
display: flex;
align-items: center;
}
.static-slider-content .row {
width: 100%;
margin: 0;
}
.slick-slide-img-content {
display: flex;
align-items: center;
justify-content: center;
height: 240px;
overflow: hidden;
}
#hero-image {
width: 240px !important;
height: 240px !important;
object-fit: cover;
border-radius: 8px;
}
.static-slider-content .text-cyan {
margin-bottom: 0.2rem !important;
}
.static-slider-content .font-size-46 {
margin-bottom: 1.5rem !important;
}
.static-slider-content .btn {
margin-top: 0.3rem !important;
}
}
.mobile-hero-only { display: none !important; }
.desktop-hero-only { display: none !important; }
@media (max-width: 767px) {
.desktop-hero-only { display: none !important; }
.mobile-hero-only { display: block !important; }
}
@media (min-width: 768px) {
.mobile-hero-only { display: none !important; }
.desktop-hero-only { display: block !important; }
}
@media(max-width:767px){.mobile-product-item{flex:0 0 calc(50% - 5px);height:180px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;text-decoration:none;color:inherit;pointer-events:auto!important;touch-action:manipulation!important;transition:transform .2s ease!important}.mobile-product-item img{width:100%;height:120px;object-fit:cover}.mobile-product-item div{padding:8px;flex:1;display:flex;align-items:center;justify-content:center}.mobile-product-item h6{font-size:12px;font-weight:600;text-align:center;margin:0;line-height:1.2;color:#333}.mobile-product-item:hover{transform:translateY(-2px)!important}.mobile-product-item:active{transform:translateY(0)!important;transition:transform .1s ease!important}}
@media (min-width: 768px) {
#static-first-slide { display: none !important; }
.d-block.d-md-none { display: none !important; }
}
.mobile-product-item{contain:layout style paint;will-change:transform}img[loading="lazy"]{content-visibility:auto}
.text-cyan {
color: #17a2b8 !important;
}
.font-size-46 {
font-size: 46px !important;
}
.text-lh-50 { line-height: 1.25 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-size-15 { font-size: 15px !important; }
.font-size-16 { font-size: 16px !important; }
.slick-slide-img-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 240px;
}
.static-slider-content img {
max-width: 240px;
max-height: 240px;
object-fit: cover;
border-radius: 8px;
}
.container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-right: 15px;
padding-left: 15px;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xl-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
padding-right: 15px;
padding-left: 15px;
}
.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.justify-content-between { justify-content: space-between !important; }
.text-left { text-align: left !important; }
.mb-2 { margin-bottom: 0.3rem !important; }
.mb-6 { margin-bottom: 1.2rem !important; }
.my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
text-decoration: none;
transition: all 0.15s ease-in-out;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.img-fluid {
max-width: 100%;
height: auto;
}
@media (min-width: 768px) {
.precast-mobile { display: none !important; }
.precast-desktop { display: grid !important; }
}
@media (max-width: 767px) {
.precast-desktop { display: none !important; }
.precast-mobile { display: block !important; }
}
@media (max-width: 767px) {
footer > div:first-child {
padding: 20px 15px !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
footer > div:first-child > div {
position: static !important;
transform: none !important;
text-align: center !important;
margin-bottom: 15px !important;
font-size: 18px !important;
}
footer > div:first-child > form {
position: static !important;
transform: none !important;
display: flex !important;
justify-content: center !important;
max-width: 300px !important;
width: 100% !important;
}
footer form input {
width: 200px !important;
padding: 12px 15px !important;
font-size: 14px !important;
}
footer form button {
padding: 12px 18px !important;
font-size: 14px !important;
}
footer .row {
flex-direction: column !important;
}
footer .col-md-2 {
flex: none !important;
max-width: 100% !important;
margin-bottom: 20px !important;
}
footer .col-md-2:nth-child(2) {
display: none !important;
}
footer .col-md-2:first-child a {
font-size: 18px !important;
font-weight: 800 !important;
color: #333 !important;
margin-bottom: 12px !important;
padding: 8px 0 !important;
display: block !important;
}
footer .col-md-2:first-child img {
height: 40px !important;
margin-bottom: 15px !important;
}
footer ul {
columns: 2 !important;
column-gap: 10px !important;
}
footer li {
margin-bottom: 4px !important;
break-inside: avoid !important;
}
footer a {
font-size: 13px !important;
}
footer h5, footer h6 {
font-size: 16px !important;
margin-bottom: 10px !important;
}
footer div[style*="background: #eaeaea"] {
padding: 18px 15px !important;
text-align: center !important;
}
footer div[style*="background: #eaeaea"] > div {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 15px !important;
max-width: 100% !important;
}
footer div[style*="background: #eaeaea"] div[style*="color: #6c757d"] {
text-align: center !important;
margin-bottom: 0 !important;
font-size: 13px !important;
width: 100% !important;
}
footer div[style*="background: #eaeaea"] div[style*="display: flex"] {
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
}
footer div[style*="background: #eaeaea"] img {
height: 16px !important;
max-width: 28px !important;
}
footer div[style*="background: #eaeaea"] span {
padding: 2px !important;
}
}
.bg-img-hero { background-color: #f8f9fa; }
.bg_cat_new { background-color: #f8f9fa; }
.st_new { position: relative; }
.pt-5 { padding-top: 3rem !important; }
.p-0 { padding: 0 !important; }
.border-bottom { border-bottom: 1px solid #dee2e6 !important; }
.border-color-1 { border-color: #dee2e6 !important; }
.flex-lg-nowrap { flex-wrap: nowrap !important; }
.flex-wrap { flex-wrap: wrap !important; }
.border-md-down-top-0 { border-top: 0 !important; }
.border-md-down-bottom-0 { border-bottom: 0 !important; }
.rtl { direction: ltr; }
.section-title__full { width: 100%; }
.font-size-22 { font-size: 22px !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.modern-product-card {
border-radius: 12px;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
height: 280px;
display: flex;
flex-direction: column;
transition: all 0.3s ease;
}
.modern-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
border-color: rgba(0, 63, 145, 0.2);
}
.modern-card-container {
padding: 18px;
height: 100%;
display: flex;
flex-direction: column;
}
.modern-card-inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.modern-image-wrapper {
position: relative;
margin-bottom: 12px;
border-radius: 8px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
flex-shrink: 0;
}
.modern-image-container {
position: relative;
width: 120px;
height: 120px;
margin: 0 auto;
overflow: hidden;
border-radius: 8px;
}
.modern-product-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
border-radius: 8px;
}
.modern-image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(0, 63, 145, 0.05));
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 8px;
}
.modern-image-link {
text-decoration: none;
display: block;
}
.modern-product-card:hover .modern-product-image {
transform: scale(1.05);
}
.modern-product-card:hover .modern-image-overlay {
opacity: 1;
}
.modern-text-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
margin-top: auto;
}
.modern-category {
margin-bottom: 6px;
}
.modern-category-link {
font-size: 11px;
color: #6c757d;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
transition: color 0.3s ease;
}
.modern-category-link:hover {
color: #003f91;
text-decoration: none;
}
.modern-product-title {
margin: 0;
font-size: 13px;
line-height: 1.4;
font-weight: 600;
}
.modern-title-link {
color: #003f91;
text-decoration: none;
transition: color 0.3s ease;
display: block;
}
.modern-title-link:hover {
color: #002d6b;
text-decoration: none;
}
.cat{padding:60px 0}.cat .row{display:flex;margin-bottom:20px}.cat .row:last-child{margin-bottom:0}
.col-custom-5,.col-custom{flex:0 0 20%;max-width:20%;padding:0 15px}
.box {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 364px;
margin: 15px 0;
}
.box.p-1 {
padding: 0.25rem;
}
.box.pr-2 {
padding-right: 0.5rem;
}
.st_block {
display: block;
position: relative;
overflow: hidden;
border-radius: 8px;
text-decoration: none;
transition: transform 0.3s ease;
height: 100%;
min-height: 364px;
}
.st_block:hover {
transform: scale(1.02);
text-decoration: none;
}
.st_block img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.st_block .content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
color: white;
padding: 20px;
}
.st_block .title {
color: white;
font-size: 24px;
font-weight: 700;
margin: 0;
}
.st_block .text-blue {
color: #007bff;
}
.box h1.text-uppercase {
font-size: 1.2rem;
font-weight: 700;
color: #333;
margin-bottom: 1rem;
text-transform: uppercase;
}
.box p {
color: #666;
line-height: 1.5;
margin: 0;
font-size: 0.95rem;
}
.box.p-1.pr-2 {
padding: 0.25rem 0.5rem 0.25rem 0.25rem;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef;
}
@media (max-width: 767.98px) {
.col-custom-5, .col-custom {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 575.98px) {
.col-custom-5, .col-custom {
flex: 0 0 100%;
max-width: 100%;
}
}
.text-uppercase { text-transform: uppercase !important; }
.p-1 { padding: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.text-center { text-align: center !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.h-100 { height: 100% !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
@media (max-width: 1199.98px) {
.col-xl-8 {
flex: 0 0 100%;
max-width: 100%;
}
.products-col {
flex: 1 1 calc(33.333% - 1rem);
min-width: 180px;
}
}
@media (max-width: 767.98px) {
.trial3-container{padding:0 15px;}
.homepage-main{padding:1rem 0;}
.trial3-status{font-size:16px;padding:1rem;}
.static-slider-content {
padding: 1rem 0;
min-height: 410px;
}
.font-size-46 {
font-size: 2rem !important;
margin: 0.5rem 0;
}
.mb-6 {
margin-bottom: 0.2rem !important;
}
.hero-cta {
padding: 10px 20px;
font-size: 14px;
}
.featured-products-section {
padding: 2rem 0;
}
.products-col {
flex: 1 1 calc(50% - 1rem);
min-width: 160px;
}
.modern-image-container {
width: 120px;
height: 120px;
}
.section-title {
font-size: 1.8rem;
}
}
img {
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
contain: layout style;
}
.img-fluid {
max-width: 100% !important;
height: auto !important;
contain: layout;
}
img[width][height] {
aspect-ratio: attr(width) / attr(height);
}
.st_block img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
max-width: 255px !important;
max-height: 364px !important;
}
.img_vend {
display: block;
text-decoration: none;
transition: opacity 0.3s ease;
}
.img_vend:hover {
opacity: 0.8;
text-decoration: none;
}
.height-75 {
height: 75px !important;
}
.static-clients-content {
padding: 10px 0;
}
.section-title__full {
font-weight: 700;
color: #333;
}
.font-size-22 {
font-size: 22px !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-color-1 {
border-color: #dee2e6 !important;
}
.rtl {
direction: ltr;
}
.bg-img-hero {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.bg_cat_new {
background-color: #f8f9fa;
}
.st_new {
border-radius: 8px;
}
.modern-product-card {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
transition: all 0.3s ease;
overflow: hidden;
height: 280px;
display: flex;
flex-direction: column;
contain: layout;
}
.modern-product-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
border-color: #003f91;
}
.modern-card-container {
height: 100%;
display: flex;
flex-direction: column;
}
.modern-card-inner {
padding: 15px;
height: 100%;
display: flex;
flex-direction: column;
}
.modern-image-wrapper {
flex: 0 0 150px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
position: relative;
}
.modern-image-container {
width: 150px;
height: 150px;
position: relative;
overflow: hidden;
border-radius: 6px;
}
.modern-product-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.modern-image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(0,63,145,0.8) 0%, rgba(37,99,235,0.8) 100%);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.modern-product-card:hover .modern-image-overlay {
opacity: 1;
}
.modern-text-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.modern-category {
margin-bottom: 8px;
}
.modern-category-link {
font-size: 12px;
color: #6b7280;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.modern-category-link:hover {
color: #003f91;
text-decoration: none;
}
.modern-product-title {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
}
.modern-title-link {
color: #1f2937;
text-decoration: none;
}
.modern-title-link:hover {
color: #003f91;
text-decoration: none;
}
.modern-price {
margin-top: auto;
}
.modern-price-amount {
font-size: 16px;
font-weight: 700;
color: #003f91;
}
.static-products-content {
contain: layout;
min-height: 350px;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.border-md-down-top-0 {
border-top: 0 !important;
}
.border-md-down-bottom-0 {
border-bottom: 1px solid #dee2e6 !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.mb-5 {
padding-bottom: 3rem !important;
}
.modern-featured-card {
background: #ffffff;
border-radius: 12px;
padding: 18px;
margin: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
}
.modern-featured-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
border-color: rgba(0, 63, 145, 0.2);
}
.modern-featured-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.modern-featured-category {
margin-bottom: 8px;
order: 1;
}
.modern-featured-category-link {
font-size: 11px;
color: #6c757d;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: color 0.3s ease;
}
.modern-featured-category-link:hover {
color: #003f91;
text-decoration: none;
}
.modern-featured-title {
margin: 0 0 12px 0;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
order: 2;
}
.modern-featured-title-link {
color: #003f91;
text-decoration: none;
transition: color 0.3s ease;
display: block;
}
.modern-featured-title-link:hover {
color: #002d6b;
text-decoration: none;
}
.modern-featured-image-wrapper {
margin-bottom: 12px;
order: 3;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.modern-featured-image-container {
position: relative;
width: 150px;
height: 150px;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
.modern-featured-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
border-radius: 10px;
}
.modern-featured-image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(0, 63, 145, 0.08));
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 10px;
}
.modern-featured-card:hover .modern-featured-image {
transform: scale(1.08);
}
.modern-featured-card:hover .modern-featured-image-overlay {
opacity: 1;
}
.modern-featured-price {
order: 4;
text-align: center;
margin-top: auto;
padding-top: 8px;
}
.modern-price-original {
color: #6c757d;
text-decoration: line-through;
font-size: 12px;
font-weight: 400;
display: block;
margin-bottom: 2px;
}
.modern-price-final {
color: #003f91;
font-weight: 700;
font-size: 14px;
display: block;
}
@media (max-width: 768px) {
.modern-featured-card {
padding: 16px;
margin: 4px;
}
.modern-featured-image-container {
width: 120px;
height: 120px;
}
.modern-featured-title {
font-size: 13px;
}
.modern-featured-category-link {
font-size: 10px;
}
}
.block_img_cat {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.block_img_cat a {
flex: 1;
position: relative;
}
.block_img_cat img {
width: 100%;
height: 100%;
object-fit: cover;
}
.des_block_cat_new {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
background: rgba(0, 0, 0, 0.7);
color: white;
}
.des_block_cat_new h3 {
color: white;
margin-bottom: 8px;
}
.des_block_cat_new .btn {
background: #003f91;
border-color: #003f91;
color: white;
text-decoration: none;
display: inline-block;
pointer-events: none;
}
.products-group {
margin: 0;
width: 100%;
}
.products-group.row {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
.products-group.row > li {
display: flex !important;
flex: 0 0 auto !important;
}
.modern-compact-card {
background: #ffffff;
border-radius: 12px;
padding: 20px;
margin: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
height: auto;
min-height: 280px;
display: flex;
flex-direction: column;
}
.modern-compact-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
border-color: rgba(0, 63, 145, 0.2);
}
.modern-compact-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.modern-compact-category {
margin-bottom: 8px;
order: 1;
}
.modern-compact-category-link {
font-size: 11px;
color: #6c757d;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
transition: color 0.3s ease;
}
.modern-compact-category-link:hover {
color: #003f91;
text-decoration: none;
}
.modern-compact-title {
margin: 0 0 12px 0;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
order: 2;
}
.modern-compact-title-link {
color: #003f91;
text-decoration: none;
transition: color 0.3s ease;
display: block;
}
.modern-compact-title-link:hover {
color: #002d6b;
text-decoration: none;
}
.modern-compact-image-wrapper {
margin-bottom: 12px;
order: 3;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.modern-compact-image-container {
position: relative;
width: 130px;
height: 130px;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
.modern-compact-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
border-radius: 10px;
}
.modern-compact-image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(0, 63, 145, 0.08));
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 10px;
}
.modern-compact-card:hover .modern-compact-image {
transform: scale(1.08);
}
.modern-compact-card:hover .modern-compact-image-overlay {
opacity: 1;
}
.modern-compact-price {
order: 4;
text-align: center;
margin-top: auto;
padding-top: 10px;
}
.modern-compact-price-original {
color: #6c757d;
text-decoration: line-through;
font-size: 12px;
font-weight: 400;
display: block;
margin-bottom: 2px;
}
.modern-compact-price-final {
color: #003f91;
font-weight: 700;
font-size: 14px;
display: block;
}
@media (max-width: 768px) {
.modern-compact-card {
padding: 16px;
margin: 4px;
min-height: 240px;
}
.modern-compact-image-container {
width: 100px;
height: 100px;
}
.modern-compact-title {
font-size: 12px;
}
.modern-compact-category-link {
font-size: 10px;
}
.modern-compact-price-final {
font-size: 12px;
}
}
.category-image-container {
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
height: 100%;
min-height: 280px;
display: flex;
align-items: stretch;
}
.category-image-container:hover {
transform: scale(1.02);
}
.img_main_block {
border-radius: 8px;
transition: transform 0.3s ease;
width: 100%;
height: 100%;
object-fit: cover;
}
.view-all-link {
font-size: 14px;
font-weight: 500;
color: #6c757d;
text-decoration: none;
display: flex;
align-items: center;
padding: 8px 0;
transition: color 0.3s ease;
}
.view-all-link:hover {
color: #003f91;
text-decoration: none;
}
.view-all-link i {
font-size: 12px;
margin-left: 6px;
transition: transform 0.3s ease;
}
.view-all-link:hover i {
transform: translateX(3px);
}
.rtl .view-all-link i {
margin-left: 0;
margin-right: 6px;
}
.rtl .view-all-link:hover i {
transform: translateX(-3px);
}
.rtl {
direction: rtl;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.my-6 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.position-relative {
position: relative !important;
}
.z-index-2 {
z-index: 2 !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-wd-3 {
flex: 0 0 25%;
max-width: 25%;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.px-md-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.font-size-16 {
font-size: 16px !important;
}
.st_new{padding:2rem 0 0.5rem 0}.mb-6{margin-bottom:0.2rem!important}
.flex-nowrap{flex-wrap:nowrap!important}.flex-md-wrap{flex-wrap:wrap!important}
.overflow-auto{overflow:auto!important}.overflow-md-visble{overflow:visible!important}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.flex-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}
.bg-white{background-color:#fff!important}.overflow-hidden{overflow:hidden!important}
.shadow-on-hover{transition:box-shadow .3s ease;border-radius:8px;padding:1rem;border:1px solid rgba(0,0,0,.05);margin-bottom:0.5rem}
.shadow-on-hover:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)!important;transform:translateY(-2px)}
.h-100{height:100%!important}.d-flex{display:flex!important}
.align-items-center{align-items:center!important}.d-block{display:block!important;width:100%}
.media{display:flex;align-items:center;padding:0;width:100%}
.max-width-150{max-width:150px;min-width:150px;flex-shrink:0;margin-right:1.5rem}
.img_cat_home{border-radius:8px;overflow:hidden;contain:layout style;width:150px;height:150px}
.img_cat_home img{border-radius:8px;transition:transform .3s ease;will-change:transform;width:150px;height:150px}
.shadow-on-hover:hover .img_cat_home img{transform:scale(1.05)}
.ml-4{margin-left:1.5rem!important}.media-body{flex:1;padding:0;min-width:0}
.text-gray-90{color:#1a202c!important;font-weight:600;font-size:1.125rem;line-height:1.4;margin:0}
.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:0!important}
.rtl .ml-4{margin-left:0!important;margin-right:1.5rem!important}
.rtl .max-width-150{margin-right:0;margin-left:1.5rem}
.rtl .media{flex-direction:row-reverse}.rtl .text-gray-90{text-align:right}
@media(max-width:767px){
.row.rtl.flex-nowrap.flex-md-wrap {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 6px !important;
padding: 10px 0 !important;
-webkit-overflow-scrolling: touch !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .col-md-6.col-xl-4 {
flex: 0 0 160px !important;
max-width: 160px !important;
margin-bottom: 0 !important;
height: 100px !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .shadow-on-hover {
padding: 0 !important;
margin-bottom: 0 !important;
border-radius: 8px !important;
height: 100% !important;
position: relative !important;
overflow: hidden !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .media {
position: relative !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .max-width-150 {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
margin: 0 !important;
z-index: 1 !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .img_cat_home {
width: 100% !important;
height: 100% !important;
border-radius: 8px !important;
position: relative !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .img_cat_home img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 8px !important;
display: block !important;
visibility: visible !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .media-body {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.8)) !important;
padding: 20px 8px 8px 8px !important;
margin: 0 !important;
}
.row.rtl.flex-nowrap.flex-md-wrap .text-gray-90 {
color: white !important;
font-size: 12px !important;
text-align: center !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
margin: 0 !important;
}
}
@media(min-width:768px){.flex-md-wrap{flex-wrap:wrap!important}
.overflow-md-visble{overflow:visible!important}.flex-md-shrink-1{flex-shrink:1!important}}
@media(min-width:1200px){.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "هل تقدمون خدمة التوصيل في جميع أنحاء السعودية؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "نعم، نقدم خدمة التوصيل إلى جميع مناطق المملكة العربية السعودية مع إمكانية التوصيل المجاني للطلبات الكبيرة في الرياض وجدة والدمام."
}
},
{
"@type": "Question",
"name": "ما هي أفضل مواد البناء للمناخ السعودي؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "أفضل مواد البناء للمناخ السعودي تشمل الخرسانة المقاومة للحرارة، العزل الحراري المتقدم، والطوب المقاوم للرطوبة. نوفر جميع هذه المواد بجودة عالية ومعايير سعودية."
}
},
{
"@type": "Question",
"name": "هل تقدمون خدمات التركيب والصيانة؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "نعم، نقدم خدمات التركيب المتخصصة والصيانة الدورية لجميع المنتجات مع ضمان الجودة وفريق فنيين مؤهلين."
}
},
{
"@type": "Question",
"name": "كم عدد المنتجات المتوفرة لديكم؟",
"acceptedAnswer": {
"@type": "Answer",
"text": "يتوفر لدينا أكثر من 150,000 منتج من مواد البناء والإنشاء من أفضل الماركات العالمية والمحلية."
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "الرئيسية",
"item": "https://youmats.com"
}
]
}
</script>
</head>
<body>
<div id="SearchFace"></div>
<div class="uh-sticky-white">
<header class="uh-white">
<div class="uh-c">
<div class="uh-row">
<div class="uh-logo">
<a href="https://youmats.com">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41FE2SOB/conversions/logo-%281%29-size_height_45.webp"
alt="يوماتس"
width="120" height="45" loading="eager" fetchpriority="high">
</a>
</div>
<button class="uh-mobile-menu" onclick="uh.toggleMobile()">☰</button>
<div class="uh-lang uh-desktop">
<a href="#" class="uh-btn" onclick="uh.toggle('lang')">
🌎 <span>العربية</span>
</a>
<div id="lang" class="uh-menu">
<a href="https://youmats.com/">العربية</a>
<a href="https://youmats.com/en">English</a>
</div>
</div>
<div class="uh-search">
<div class="input-group" id="SearchBar">
<input type="search" autocomplete="off" class="form-control main-search-bar" id="searchProductInput" placeholder="ابحث عن المنتجات">
<div id="searchDiv" class="d-none">
<div class="rtl@else ltr " id="SearchInnerDiv" style="position: relative;direction:rtl">
<div class="h_scroll" id="searchContent">
</div>
</div>
</div>
</div>
</div>
<div class="uh-user uh-desktop">
<div class="uh-mode">
<a href="#" class="uh-btn" onclick="uh.toggle('mode')">
🏛️ <span>شركة</span>
</a>
<div id="mode" class="uh-menu">
<a href="https://youmats.com/introduce/individual">تواصل كفرد</a>
<a href="https://youmats.com/introduce/company">تواصل كشركه</a>
</div>
</div>
<a href="https://youmats.com/login" class="uh-btn">💻 <span>دخول</span></a>
</div>
<div class="uh-cart">
<a href="https://youmats.com/cart" class="uh-btn position-relative">
📄
<span class="uh-badge cartCount">0</span>
</a>
</div>
</div>
</div>
</header>
</div>
<nav class="uh-nav">
<div class="uh-c">
<div class="uh-nav-row uh-desktop">
<a href="javascript:void(0)" class="uh-cat" onclick="console.log('Button clicked!'); toggleMegaMenu(); return false;">
<span class="uh-cat-icon">☰</span>
<span class="uh-cat-text">جميع الفئات</span>
</a>
<div class="uh-links">
<a href="https://youmats.com/building-material">مواد البناء</a>
<a href="https://youmats.com/precast-concrete">بريكاست</a>
<a href="https://youmats.com/plumbing">السباكة</a>
<a href="https://youmats.com/kitchen">المطابخ</a>
<a href="https://youmats.com/paints">دهانات</a>
<a href="https://youmats.com/suppliers">شركاءنا</a>
<a href="https://youmats.com/contact-us">اتصل بنا</a>
</div>
<div class="uh-actions">
<a href="https://youmats.com/vendor/register" class="uh-vendor">
<span class="uh-vendor-icon">🏢</span>
<span class="uh-vendor-text">تسجيل بائع</span>
</a>
<a href="#" class="uh-quote" onclick="openSidebar(); return false;">
<span class="uh-quote-icon">📄</span>
<span class="uh-quote-text">طلب عرض سعر</span>
</a>
</div>
</div>
<div id="mega" class="uh-mega">
<div class="uh-mega-grid">
<div class="uh-mega-category" data-category-id="2">
<div class="mega-category-card" onclick="toggleSubcategories(2)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFBDC17SI/conversions/Building-Material-size_255_364.webp"
alt="مواد البناء" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">مواد البناء</h3>
<span class="mega-category-count">subcategories 12</span>
</div>
</div>
<div id="subcats-2" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/the-bricks">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEBB73FZL/pro_6.jpg"
alt="بلوكات" loading="lazy">
</div>
<span class="sub-name">بلوكات</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/coarse-aggregate-and-stones">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y59533K2P/Coarse-Aggregate-and-Stones-1.jpg"
alt="الركام الخشن والأحجار" loading="lazy">
</div>
<span class="sub-name">الركام الخشن والأحجار</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/cement">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC78F3K2Q/Cement.jpg"
alt="الاسمنت" loading="lazy">
</div>
<span class="sub-name">الاسمنت</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/ready-mix-concrete">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y31033K2V/Ready-Mix-Concrete-1.PNG"
alt="خرسانه جاهزه" loading="lazy">
</div>
<span class="sub-name">خرسانه جاهزه</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/bricks">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE5902GZ4/Bricks-1.png"
alt="طوب" loading="lazy">
</div>
<span class="sub-name">طوب</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/ready-mix-mortar">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y75632OHA/11.PNG"
alt="مونة جاهزة" loading="lazy">
</div>
<span class="sub-name">مونة جاهزة</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="3">
<div class="mega-category-card" onclick="toggleSubcategories(3)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD9BD18AL/conversions/-size_255_364-size_255_364.webp"
alt="بريكاست" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">بريكاست</h3>
<span class="mega-category-count">subcategories 13</span>
</div>
</div>
<div id="subcats-3" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/boundary-walls">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y28513K2X/Boundary-Walls.PNG"
alt="جدران خرسانية" loading="lazy">
</div>
<span class="sub-name">جدران خرسانية</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/concrete-barriers">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y81932AWS/concrete-barriers.png"
alt="حواجز خرسانية" loading="lazy">
</div>
<span class="sub-name">حواجز خرسانية</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/Lighting-pole-rules">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2CF03ECC/Lighting-pole-rules.png"
alt="قواعد اعمدة انارة" loading="lazy">
</div>
<span class="sub-name">قواعد اعمدة انارة</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/hollow-core">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF8733K2Y/hollow-core.PNG"
alt="الهولوكور" loading="lazy">
</div>
<span class="sub-name">الهولوكور</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/planting-basins">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0E8D3ECD/planting-basins.png"
alt="احواض زرع خرسانية" loading="lazy">
</div>
<span class="sub-name">احواض زرع خرسانية</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/wheel-stopper">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF253ECE/wheel-stopper.png"
alt="مصدات سيارات" loading="lazy">
</div>
<span class="sub-name">مصدات سيارات</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="4">
<div class="mega-category-card" onclick="toggleSubcategories(4)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y997F17SG/conversions/Highcompressed_1983694915-size_255_364-size_255_364.webp"
alt="السباكة" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">السباكة</h3>
<span class="mega-category-count">subcategories 18</span>
</div>
</div>
<div id="subcats-4" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/scupper">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y289439/sub_category_276.jpg"
alt="الحجار" loading="lazy">
</div>
<span class="sub-name">الحجار</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/water-tanks">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7D4B1458/Water-Tanks.png"
alt="خزانات مياه" loading="lazy">
</div>
<span class="sub-name">خزانات مياه</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/control-valves">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y744B133Y/download.jpg"
alt="الصمامات والمحابس" loading="lazy">
</div>
<span class="sub-name">الصمامات والمحابس</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/solvents">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y23AD1340/Screenshot_16.png"
alt="المذيبات" loading="lazy">
</div>
<span class="sub-name">المذيبات</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/pipe-and-fittings">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YCA0A1341/51vp8ohsycL.jpg"
alt="المواسير ووصلات السباكة" loading="lazy">
</div>
<span class="sub-name">المواسير ووصلات السباكة</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/pump-water">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA6681342/Screenshot_17.png"
alt="مضخات ماء" loading="lazy">
</div>
<span class="sub-name">مضخات ماء</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="6">
<div class="mega-category-card" onclick="toggleSubcategories(6)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y24EE161S/conversions/kitchen-supplies-size_255_364.webp"
alt="المطابخ" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">المطابخ</h3>
<span class="mega-category-count">subcategories 9</span>
</div>
</div>
<div id="subcats-6" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/Chimneys-and-Hoods">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y8CF13K2Z/Chimneys-and-Hoods.jpg"
alt="المداخن والشفاطات" loading="lazy">
</div>
<span class="sub-name">المداخن والشفاطات</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/kitchen-accessories">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y56D014I9/Kitchen-Accessories.png"
alt="اكسسوارات المطبخ" loading="lazy">
</div>
<span class="sub-name">اكسسوارات المطبخ</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/kitchen-storage">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0AB51M/Kitchen-Storage"
alt="خزائن المطبخ" loading="lazy">
</div>
<span class="sub-name">خزائن المطبخ</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/kitchen-appliances">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y585314I5/kitchen-tools.png"
alt="أدوات المطبخ" loading="lazy">
</div>
<span class="sub-name">أدوات المطبخ</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/kitchen-hardware">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y92DA3K31/Kitchen-Hardware.jpg"
alt="أجهزة المطبخ" loading="lazy">
</div>
<span class="sub-name">أجهزة المطبخ</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/Kitchen-units">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y77043K32/Kitchen-units.jpg"
alt="وحدات مطبخ" loading="lazy">
</div>
<span class="sub-name">وحدات مطبخ</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="7">
<div class="mega-category-card" onclick="toggleSubcategories(7)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y502417SD/conversions/Screenshot_32-size_255_364.webp"
alt="دهانات" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">دهانات</h3>
<span class="mega-category-count">subcategories 22</span>
</div>
</div>
<div id="subcats-7" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/wood-finishes">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y64DD3K3D/wood-paint-1.jpg"
alt="دهانات خشب" loading="lazy">
</div>
<span class="sub-name">دهانات خشب</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/Enamel-coating">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YABC73K3E/Enamel-coating.PNG"
alt="طلاء المينا" loading="lazy">
</div>
<span class="sub-name">طلاء المينا</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/water-based-paints">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y91FC3K3F/water-based-paints.jpg"
alt="طلاء مائي" loading="lazy">
</div>
<span class="sub-name">طلاء مائي</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/gypsum-products-fillers">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7E681T/sub_category_128.png"
alt="الجبس المنتجات و الحشو" loading="lazy">
</div>
<span class="sub-name">الجبس المنتجات و الحشو</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/painting-consumables">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y896C3K3H/painting-tools.PNG"
alt="أدوات الدهانات" loading="lazy">
</div>
<span class="sub-name">أدوات الدهانات</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/coatings">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y833A3K3I/Coatings.PNG"
alt="مواد الطلاء" loading="lazy">
</div>
<span class="sub-name">مواد الطلاء</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="8">
<div class="mega-category-card" onclick="toggleSubcategories(8)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC0CANBY/conversions/pexels-photo-1457847-size_255_364.webp"
alt="الحمامات" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">الحمامات</h3>
<span class="mega-category-count">subcategories 10</span>
</div>
</div>
<div id="subcats-8" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/shower-tools">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y88A91X/sub_category_136.png"
alt="مستلزمات الحمام لاستحمام" loading="lazy">
</div>
<span class="sub-name">مستلزمات الحمام لاستحمام</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/bathroom-accessories">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9ACB1Y/sub_category_138.png"
alt="اكسسوارات الحمام" loading="lazy">
</div>
<span class="sub-name">اكسسوارات الحمام</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/wash-basins">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y3C573B/sub_category_320.png"
alt="مغاسل احواض" loading="lazy">
</div>
<span class="sub-name">مغاسل احواض</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/toilets">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y12103K/sub_category_329.png"
alt="قاعدة المرحاض" loading="lazy">
</div>
<span class="sub-name">قاعدة المرحاض</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/vanity">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEFBB3L/sub_category_331.png"
alt="الحمام الغرور" loading="lazy">
</div>
<span class="sub-name">الحمام الغرور</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/bathroom-cabinets">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBE783M/sub_category_332.png"
alt="خزانة الحمام" loading="lazy">
</div>
<span class="sub-name">خزانة الحمام</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="9">
<div class="mega-category-card" onclick="toggleSubcategories(9)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9984N83/conversions/Carpentry-size_255_364-size_255_364.webp"
alt="النجارة" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">النجارة</h3>
<span class="mega-category-count">subcategories 4</span>
</div>
</div>
<div id="subcats-9" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/blackboard">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF74C1Z/sub_category_142.png"
alt="بلاك بورد" loading="lazy">
</div>
<span class="sub-name">بلاك بورد</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/adhesive">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y35B921/sub_category_145.png"
alt="مواد اللصق" loading="lazy">
</div>
<span class="sub-name">مواد اللصق</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/door-windows-tools">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y237A25/sub_category_150.png"
alt="ادوات الابواب والنوافذ" loading="lazy">
</div>
<span class="sub-name">ادوات الابواب والنوافذ</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/blinds-and-shades">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA7433H/sub_category_326.png"
alt="الستائر والظلال" loading="lazy">
</div>
<span class="sub-name">الستائر والظلال</span>
</a>
</div>
</div>
</div>
</div>
<div class="uh-mega-category" data-category-id="10">
<div class="mega-category-card" onclick="toggleSubcategories(10)">
<div class="mega-category-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y122A6R0M/conversions/electrical-size_255_364.webp"
alt="الكهرباء" loading="lazy">
</div>
<div class="mega-category-overlay">
<h3 class="mega-category-title">الكهرباء</h3>
<span class="mega-category-count">subcategories 12</span>
</div>
</div>
<div id="subcats-10" class="mega-subcategories" style="display:none;">
<div class="subcategory-grid">
<div class="subcategory-item">
<a href="https://youmats.com/cables-wires">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB3AB1K9E/Wires_and_cables-removebg-preview.png"
alt="الأسلاك والكابلات" loading="lazy">
</div>
<span class="sub-name">الأسلاك والكابلات</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/circuit-breakers-distribution-boards">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4BF91BOS/circuit-breakers.jpeg"
alt="قواطع ولوحات توزيع" loading="lazy">
</div>
<span class="sub-name">قواطع ولوحات توزيع</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/light-fittings">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFBB11BN6/light-fittings.jpg"
alt="تجهيزات الإضاءة" loading="lazy">
</div>
<span class="sub-name">تجهيزات الإضاءة</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/lighting">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC6BB1BNC/lighting-removebg-preview.png"
alt="أضاءة" loading="lazy">
</div>
<span class="sub-name">أضاءة</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/fans">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y44D41BNL/fans.png"
alt="المراوح" loading="lazy">
</div>
<span class="sub-name">المراوح</span>
</a>
</div>
<div class="subcategory-item">
<a href="https://youmats.com/electrical-appliances">
<div class="sub-image">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y97F21BNU/electrical-appliances-removebg-preview.png"
alt="الأجهزة الكهربائية" loading="lazy">
</div>
<span class="sub-name">الأجهزة الكهربائية</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top:20px;padding-top:15px;border-top:1px solid #eee;text-align:center">
<h4 style="margin:0 0 15px 0;font-size:16px;font-weight:600;color:#007bff">فئات أخرى</h4>
<div style="display:flex;flex-wrap:wrap;gap:8px;justify-content:center;direction:rtl">
<a href="https://youmats.com/glass-and-facade"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">الزجاج والواجهات</a>
<a href="https://youmats.com/ceiling-cladding"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">كسوة الاسقف</a>
<a href="https://youmats.com/construction-equipment"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">معدات البناء</a>
<a href="https://youmats.com/chemicals"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">مواد كيميائية</a>
<a href="https://youmats.com/escalators-and-elevators"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">مصاعد وسلالم متحركة</a>
<a href="https://youmats.com/plastics-products"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">منتجات البلاستيك</a>
<a href="https://youmats.com/mechanical-parts-fabrication-services"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">الأجزاء الميكانيكية</a>
<a href="https://youmats.com/adhesives"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">المواد اللاصقة</a>
<a href="https://youmats.com/admixtures"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">خلطات البناء</a>
<a href="https://youmats.com/awning-and-privacy-screen"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">مظلات وسواتر</a>
<a href="https://youmats.com/fencing-products"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">منتجات السياج</a>
<a href="https://youmats.com/natural-stones"
style="background:#495057;color:#ffffff;padding:8px 14px;border-radius:16px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #6c757d;display:inline-block">الأحجار الطبيعية</a>
</div>
</div>
</div>
</div>
</nav>
<div id="mobile-menu" class="uh-mobile-sidebar">
<div class="uh-mobile-content">
<div class="uh-mobile-header">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41FE2SOB/conversions/logo-%281%29-size_height_45.webp" alt="Logo" class="uh-mobile-logo">
<button onclick="uh.toggleMobile()" class="uh-mobile-close">×</button>
</div>
<div class="uh-mobile-nav">
<div class="uh-mobile-item">
<a href="#" onclick="uh.toggleMobileSection('mobile-lang')">🌎 العربية</a>
<div id="mobile-lang" class="uh-mobile-sub">
<a href="https://youmats.com/">العربية</a>
<a href="https://youmats.com/en">English</a>
</div>
</div>
<div class="uh-mobile-item">
<a href="#" onclick="uh.toggleMobileSection('mobile-user')">🏛️ شركة</a>
<div id="mobile-user" class="uh-mobile-sub">
<a href="https://youmats.com/introduce/individual">تواصل كفرد</a>
<a href="https://youmats.com/introduce/company">تواصل كشركه</a>
</div>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/vendor/register">🏢 تسجيل بائع</a>
</div>
<div class="uh-mobile-item">
<a href="#" onclick="uh.toggleMobileSection('mobile-cats')">☰ جميع الفئات</a>
<div id="mobile-cats" class="uh-mobile-sub">
<a href="https://youmats.com/building-material">مواد البناء</a>
<a href="https://youmats.com/precast-concrete">بريكاست</a>
<a href="https://youmats.com/plumbing">السباكة</a>
<a href="https://youmats.com/kitchen">المطابخ</a>
<a href="https://youmats.com/paints">دهانات</a>
<a href="https://youmats.com/bathroom">الحمامات</a>
<a href="https://youmats.com/Carpentry-supplies">النجارة</a>
<a href="https://youmats.com/electrical">الكهرباء</a>
<a href="https://youmats.com/glass-and-facade">الزجاج والواجهات</a>
<a href="https://youmats.com/ceiling-cladding">كسوة الاسقف</a>
<a href="https://youmats.com/construction-equipment">معدات البناء</a>
<a href="https://youmats.com/chemicals">مواد كيميائية</a>
<a href="https://youmats.com/escalators-and-elevators">مصاعد وسلالم متحركة</a>
<a href="https://youmats.com/plastics-products">منتجات البلاستيك</a>
<a href="https://youmats.com/mechanical-parts-fabrication-services">الأجزاء الميكانيكية</a>
<a href="https://youmats.com/adhesives">المواد اللاصقة</a>
</div>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/building-material">
🧱 مواد البناء
</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/precast-concrete">
📦 بريكاست
</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/plumbing">
🔧 السباكة
</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/kitchen">
📦 المطابخ
</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/paints">
🎨 دهانات
</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/suppliers">🤝 شركاءنا</a>
</div>
<div class="uh-mobile-item">
<a href="/about">ℹ️ من نحن</a>
</div>
<div class="uh-mobile-item">
<a href="https://youmats.com/contact-us">📞 اتصل بنا</a>
</div>
<div class="uh-mobile-item">
<a href="#" onclick="uh.openQuote()">📄 طلب عرض سعر</a>
</div>
</div>
</div>
</div>
<div id="quote-modal" class="uh-modal">
<div class="uh-modal-content">
<div class="uh-modal-header">
<h3>📄 طلب عرض سعر</h3>
<button onclick="uh.closeQuote()" class="uh-close">×</button>
</div>
<form action="/quote-request" method="POST" class="uh-quote-form">
<input type="hidden" name="_token" value="wh2HRneRdIx9gEJm2IIdfifTJeZrEPXRSO9fU6Vo" autocomplete="off"> <input type="text" name="product" placeholder="Product name" required>
<input type="number" name="quantity" placeholder="Quantity" required>
<textarea name="description" placeholder="Description" rows="3"></textarea>
<button type="submit">general.send_quote_request</button>
</form>
</div>
</div>
<style>
*{box-sizing:border-box;margin:0;padding:0}
.uh-sticky-white{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:none}
.uh-white{background:#fff}
.uh-c{max-width:1200px;margin:0 auto;padding:0 15px}
.uh-row{display:flex;align-items:center;gap:15px;padding:10px 0;min-height:50px}
body{padding-top:65px}
.uh-logo a{display:block;text-decoration:none}
.uh-logo img{display:block;max-height:35px;width:auto}
.uh-mobile-menu{display:none;background:none;border:0;font-size:20px;color:#333;cursor:pointer;padding:8px}
.uh-search{flex:1;max-width:400px;position:relative}
.uh-search-input{width:100%;padding:8px 40px 8px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:0}
.uh-search-input:focus{border-color:#003f91;box-shadow:0 0 0 2px rgba(0,63,145,0.1)}
.uh-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:#003f91;border:0;color:#fff;padding:6px 12px;border-radius:15px;cursor:pointer;font-size:12px}
.uh-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;display:none;max-height:200px;overflow-y:auto}
.uh-search-results.show{display:block}
.uh-search-results a{display:block;padding:8px 12px;color:#333;text-decoration:none;font-size:13px}
.uh-search-results a:hover{background:#f5f5f5;color:#003f91}
.input-group{position:relative;width:100%}
.main-search-bar{width:100%;padding:8px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:0}
.main-search-bar:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.1)}
.suggest_box{padding:10px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer}
.suggest_box:hover{background:#f8f9fa}
.suggest_box a{color:#333;text-decoration:none}
.suggest_box:hover a{color:#007bff}
.uh-user{display:flex;align-items:center;gap:8px}
.uh-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;color:#333;text-decoration:none;border-radius:4px;font-size:13px;white-space:nowrap;transition:background 0.2s}
.uh-btn:hover{background:#f5f5f5;color:#003f91;text-decoration:none}
.uh-cart{position:relative}
.uh-badge{position:absolute;top:-3px;right:3px;background:#dc3545;color:#fff;font-size:9px;padding:1px 4px;border-radius:50%;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center}
.uh-total{margin-left:5px;font-weight:600;font-size:11px}
.uh-lang,.uh-mode,.uh-cart{position:relative}
.uh-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:140px;z-index:1000;display:none}
.uh-menu.show{display:block}
.uh-menu a,.uh-menu button{display:block;width:100%;padding:8px 12px;color:#333;text-decoration:none;border:0;background:0;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.uh-menu a:hover,.uh-menu button:hover{background:#f5f5f5;color:#003f91;text-decoration:none}
.uh-menu form{margin:0}
.uh-nav{background:linear-gradient(135deg, #003f91 0%, #0052cc 100%);margin:0;position:relative}
.uh-nav-row{display:flex;align-items:center;gap:15px;padding:10px 0;min-height:45px;position:relative}
.uh-links{display:flex;gap:12px;flex:1}
.uh-actions{display:flex;gap:10px}
.uh-nav a{color:#ffffff !important;text-decoration:none;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500;display:flex;align-items:center;transition:all 0.2s ease;white-space:nowrap}
.uh-nav a:hover{background:rgba(255,255,255,0.1);text-decoration:none;transform:translateY(-1px)}
.uh-cat{
background:rgba(255,255,255,0.18) !important;
border:1px solid rgba(255,255,255,0.25) !important;
border-radius:20px !important;
font-weight:600 !important;
color:#ffffff !important;
backdrop-filter:blur(15px);
text-shadow:0 1px 3px rgba(0,0,0,0.2);
min-height:38px;
padding:8px 16px !important;
}
.uh-cat:hover{
background:rgba(255,255,255,0.28) !important;
border-color:rgba(255,255,255,0.4) !important;
color:#ffffff !important;
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
.uh-cat-icon{margin-right:6px;font-size:14px}
.uh-cat-text{font-size:13px}
.uh-vendor{
background:rgba(255,255,255,0.15) !important;
border:1px solid rgba(255,255,255,0.2) !important;
border-radius:18px !important;
font-weight:500 !important;
color:#ffffff !important;
backdrop-filter:blur(12px);
min-height:38px;
padding:8px 16px !important;
}
.uh-vendor:hover{
background:rgba(255,255,255,0.22) !important;
color:#ffffff !important;
border-color:rgba(255,255,255,0.35) !important;
transform:translateY(-2px);
box-shadow:0 5px 18px rgba(0,0,0,0.22);
}
.uh-vendor-icon{margin-right:6px}
.uh-vendor-text{font-size:13px}
.uh-quote{
background:#ffffff !important;
color:#003f91 !important;
border:1px solid rgba(255,255,255,0.2) !important;
border-radius:22px !important;
font-weight:700 !important;
backdrop-filter:blur(20px);
min-height:38px;
padding:8px 16px !important;
box-shadow:0 2px 8px rgba(255,255,255,0.2);
}
.uh-quote:hover{
background:#ffffff !important;
color:#002d6b !important;
transform:translateY(-3px);
box-shadow:0 8px 25px rgba(255,255,255,0.3);
}
.uh-quote-icon{margin-right:6px}
.uh-quote-text{font-size:13px;color:#007bff}
.uh-mega{
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
background:#ffffff !important;
border:1px solid #e0e0e0 !important;
box-shadow:0 8px 32px rgba(0,0,0,0.15) !important;
z-index:9999 !important;
display:none !important;
padding:20px !important;
width:100% !important;
margin:0 !important;
max-height:500px !important;
overflow-y:auto !important;
}
.uh-mega.show{display:block !important}
.uh-mega[style*="block"]{display:block !important}
.uh-mega-grid{
display:grid !important;
grid-template-columns:repeat(4, 1fr) !important;
gap:15px !important;
max-width:1200px !important;
margin:0 auto !important;
}
.mega-category-card{
position:relative !important;
width:100% !important;
height:150px !important;
border-radius:8px !important;
overflow:hidden !important;
cursor:pointer !important;
transition:all 0.3s ease !important;
}
.mega-category-card:hover{
transform:translateY(-3px) !important;
box-shadow:0 8px 25px rgba(0,0,0,0.15) !important;
}
.mega-category-image{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
}
.mega-category-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
.mega-category-overlay{
position:absolute !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
background:linear-gradient(transparent, rgba(0,0,0,0.8)) !important;
color:white !important;
padding:15px 12px 12px 12px !important;
text-align:center !important;
direction:rtl !important;
}
.mega-category-title{
font-size:14px !important;
font-weight:600 !important;
margin:0 0 4px 0 !important;
color:white !important;
text-shadow:0 1px 3px rgba(0,0,0,0.7) !important;
}
.mega-category-count{
font-size:11px !important;
color:rgba(255,255,255,0.8) !important;
font-weight:400 !important;
}
.mega-subcategories{
margin-top:10px !important;
background:#f8f9fa !important;
border-radius:6px !important;
padding:12px !important;
border:1px solid #e9ecef !important;
}
.subcategory-grid{
display:grid !important;
grid-template-columns:repeat(2, 1fr) !important;
gap:8px !important;
}
.subcategory-item{
background:white !important;
border:1px solid #e0e0e0 !important;
border-radius:4px !important;
overflow:hidden !important;
transition:all 0.2s ease !important;
}
.subcategory-item:hover{
border-color:#007bff !important;
transform:translateY(-1px) !important;
}
.subcategory-item a{
display:flex !important;
align-items:center !important;
padding:8px !important;
text-decoration:none !important;
color:#333 !important;
}
.sub-image{
width:24px !important;
height:24px !important;
margin-right:8px !important;
flex-shrink:0 !important;
}
.sub-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
border-radius:3px !important;
}
.sub-name{
font-size:12px !important;
font-weight:500 !important;
color:#333 !important;
}
.uh-mobile-sidebar{
position:fixed;
top:0;
right:-100%;
width:300px;
height:100vh;
background:#fff;
z-index:2000;
transition:right@else left 0.3s ease;
box-shadow:-2px@else 2px 0 10px rgba(0,0,0,0.1);
overflow-y:auto;
direction:rtl;
}
.uh-mobile-sidebar.show{
right:0;
}
.uh-mobile-content{padding:20px}
.uh-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
.uh-mobile-logo{max-height:30px}
.uh-mobile-close{background:none;border:0;font-size:24px;cursor:pointer;color:#999}
.uh-mobile-close:hover{color:#003f91}
.uh-mobile-nav{display:flex;flex-direction:column}
.uh-mobile-item{border-bottom:1px solid #f5f5f5}
.uh-mobile-item>a{display:block;padding:15px 0;color:#333;text-decoration:none;font-size:14px;font-weight:500;text-align:right}
.uh-mobile-item>a:hover{color:#003f91}
.uh-mobile-sub{display:none;padding-right:20px;background:#f8f9fa;margin:0 -20px}
.uh-mobile-sub.show{display:block}
.uh-mobile-sub a{display:block;padding:10px 20px;color:#666;text-decoration:none;font-size:13px;text-align:right}
.uh-mobile-sub a:hover{color:#003f91;background:#fff}
.uh-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000;display:none;align-items:center;justify-content:center}
.uh-modal.show{display:flex}
.uh-modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;position:relative}
.uh-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.uh-modal-header h3{color:#003f91;font-size:18px}
.uh-close{background:none;border:0;font-size:20px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.uh-close:hover{color:#003f91}
.uh-quote-form{display:flex;flex-direction:column;gap:12px}
.uh-quote-form input,.uh-quote-form textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:0}
.uh-quote-form input:focus,.uh-quote-form textarea:focus{border-color:#003f91;box-shadow:0 0 0 2px rgba(0,63,145,0.1)}
.uh-quote-form button{background:#003f91;color:#fff;padding:12px;border:0;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px}
.uh-quote-form button:hover{background:#002d6b}
@media (max-width:768px){
body{padding-top:55px}
.uh-row{gap:8px;padding:8px 0;min-height:45px;display:flex;align-items:center;direction:rtl}
.uh-c{padding:0 10px}
.uh-mobile-menu{order:1;display:block}
.uh-logo{order:2}
.uh-search{order:3;flex:1;margin:0 8px}
.uh-user{order:4}
.uh-cart{order:5}
.uh-desktop{display:none}
.uh-nav{display:none}
.uh-logo img{max-height:30px}
.uh-search-input{font-size:16px;padding:6px 35px 6px 12px}
.uh-search button{padding:4px 8px}
}
.uh-sticky-white{will-change:transform}
.uh-nav a{will-change:transform}
.uh-modal{will-change:opacity}
.uh-mobile-sidebar{will-change:transform}
</style>
<script>
// Simple fallback function for categories dropdown
function toggleMegaMenu() {
console.log('Fallback function called');
const mega = document.getElementById('mega');
if (mega) {
if (mega.style.display === 'block') {
mega.style.display = 'none';
mega.classList.remove('show');
} else {
mega.style.display = 'block';
mega.classList.add('show');
}
console.log('Mega menu toggled:', mega.style.display);
} else {
console.error('Mega menu element not found!');
}
}
// Function to toggle subcategories
function toggleSubcategories(categoryId) {
console.log('Toggling subcategories for category:', categoryId);
const subcats = document.getElementById('subcats-' + categoryId);
if (subcats) {
if (subcats.style.display === 'none' || subcats.style.display === '') {
subcats.style.display = 'block';
console.log('Subcategories shown for category:', categoryId);
} else {
subcats.style.display = 'none';
console.log('Subcategories hidden for category:', categoryId);
}
} else {
console.error('Subcategories not found for category:', categoryId);
}
// Prevent event bubbling
event.stopPropagation();
}
const uh={
searchTimeout:null,
toggle(id){
// Close other menus
document.querySelectorAll('.uh-menu.show, .uh-mega.show').forEach(m=>{
if(m.id!==id)m.classList.remove('show')
});
const menu=document.getElementById(id);
if(menu){
menu.classList.toggle('show');
console.log('Toggle menu:', id, 'Show:', menu.classList.contains('show'));
} else {
console.error('Menu not found:', id);
}
},
toggleMobile(){
document.getElementById('mobile-menu').classList.toggle('show');
},
toggleMobileSection(id){
const section=document.getElementById(id);
if(section)section.classList.toggle('show');
},
search(value){
clearTimeout(this.searchTimeout);
const results=document.getElementById('searchDiv');
if(value.length<2){
results.classList.remove('show');
return;
}
this.searchTimeout=setTimeout(()=>{
results.innerHTML=`<a href="/search?q=${encodeURIComponent(value)}">Search for "${value}"</a>`;
results.classList.add('show');
},200);
},
performSearch(){
const input=document.querySelector('.uh-search-input');
if(input.value.trim()){
window.location.href=`/search?q=${encodeURIComponent(input.value)}`;
}
},
openQuote(){
document.getElementById('quote-modal').classList.add('show');
},
closeQuote(){
document.getElementById('quote-modal').classList.remove('show');
},
init(){
document.addEventListener('click',e=>{
if(!e.target.closest('.uh-lang, .uh-mode, .uh-cart, .uh-cat, .uh-search, .uh-modal-content, .uh-mobile-sidebar')){
document.querySelectorAll('.uh-menu.show, .uh-search-results.show').forEach(m=>m.classList.remove('show'))
}
if(e.target.closest('.uh-modal') && !e.target.closest('.uh-modal-content')){
this.closeQuote();
}
});
// Handle search on Enter
const searchInput=document.querySelector('.uh-search-input');
if(searchInput){
searchInput.addEventListener('keypress',e=>{
if(e.key==='Enter'){
e.preventDefault();
this.performSearch();
}
});
}
}
};
// Sidebar animation functions
function openSidebar() {
const modal = document.getElementById('qm');
const panel = document.getElementById('sidebar-panel');
modal.style.display = 'block';
setTimeout(() => {
panel.style.right = '0px';
}, 10);
}
function closeSidebar() {
const panel = document.getElementById('sidebar-panel');
panel.style.right = '-400px';
setTimeout(() => {
document.getElementById('qm').style.display = 'none';
}, 300);
}
// Vanilla JS search - works on all pages including homepage
document.addEventListener('DOMContentLoaded', function() {
let searchTimeout;
const searchInput = document.getElementById('searchProductInput');
const searchDiv = document.getElementById('searchDiv');
if (searchInput && searchDiv) {
// Handle typing with debugging
searchInput.addEventListener('keyup', function(e) {
const query = this.value.trim();
// Handle Enter key
if (e.keyCode === 13) {
if (query.length > 0) {
window.location.href = `/search/${encodeURIComponent(query)}`;
}
return;
}
// Clear timeout
clearTimeout(searchTimeout);
// Hide if too short
if (query.length < 2) {
searchDiv.style.display = 'none';
return;
}
// Show dropdown with enhanced styling
searchDiv.style.display = 'block';
searchDiv.style.position = 'absolute';
searchDiv.style.top = 'calc(100% + 8px)';
searchDiv.style.left = '0';
searchDiv.style.right = '0';
searchDiv.style.background = '#fff';
searchDiv.style.border = '1px solid #e0e0e0';
searchDiv.style.borderRadius = '12px';
searchDiv.style.boxShadow = '0 8px 25px rgba(0,0,0,0.15)';
searchDiv.style.zIndex = '9999';
searchDiv.style.maxHeight = '400px';
searchDiv.style.overflowY = 'auto';
searchDiv.style.padding = '8px 0';
// Use the REAL suggest endpoint with language support
const currentLang = 'ar';
fetch(`/suggest?filter[name]=${encodeURIComponent(query)}&locale=${currentLang}`, {
method: 'GET',
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Accept-Language': currentLang
}
})
.then(response => response.text())
.then(html => {
if (html.trim() && html.length > 50) {
searchDiv.innerHTML = html;
} else {
searchDiv.style.display = 'none';
}
})
.catch(error => {
searchDiv.style.display = 'none';
});
});
// Hide when clicking outside - enhanced
document.addEventListener('click', function(e) {
if (!e.target.closest('#SearchBar') && !e.target.closest('#searchDiv')) {
searchDiv.style.display = 'none';
}
});
// Hide with Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
searchDiv.style.display = 'none';
}
});
}
});
document.addEventListener('DOMContentLoaded',()=>uh.init());
</script>
<div id="qm" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999" onclick="this.style.display='none'">
<div style="position:fixed;top:0;right:-400px@else left:-400px ;width:400px;height:100vh;background:#fff;transition:right@else left 0.3s ease;overflow-y:auto;box-shadow:-2px@else 2px 0 10px rgba(0,0,0,0.1)" onclick="event.stopPropagation()" id="sidebar-panel">
<div style="padding:20px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center">
<h3 style="color:#007bff;margin:0;direction:rtl;font-size:18px">📄 طلب عرض سعر</h3>
<button onclick="closeSidebar()" style="background:none;border:0;font-size:24px;cursor:pointer;color:#999">×</button>
</div>
<div style="padding:25px">
<form action="/contact" method="POST" enctype="multipart/form-data">
<input type="hidden" name="_token" value="wh2HRneRdIx9gEJm2IIdfifTJeZrEPXRSO9fU6Vo" autocomplete="off"> <input type="hidden" name="type" value="quote">
<div style="margin-bottom:15px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">🏢 اسم الشركة</label>
<input type="text" name="company" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;direction:rtl;text-align:right">
</div>
<div style="margin-bottom:15px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">👤 جهة الاتصال</label>
<input type="text" name="contact" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;direction:rtl;text-align:right">
</div>
<div style="margin-bottom:15px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">📧 البريد الإلكتروني</label>
<input type="email" name="email" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;direction:rtl;text-align:right">
</div>
<div style="margin-bottom:15px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">📱 رقم الهاتف</label>
<div style="display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden">
<select name="country" style="width:100px;border:0;background:#f8f9fa;padding:10px;text-align:center">
<option value="+966">🇸🇦 +966</option>
<option value="+971">🇦🇪 +971</option>
<option value="+965">🇰🇼 +965</option>
<option value="+974">🇶🇦 +974</option>
<option value="+973">🇧🇭 +973</option>
</select>
<input type="tel" name="phone" required style="border:0;flex:1;padding:10px;direction:rtl;text-align:right">
</div>
</div>
<div style="margin-bottom:15px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">💬 الرسالة</label>
<textarea name="message" rows="3" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;direction:rtl;text-align:right;resize:vertical"></textarea>
</div>
<div style="margin-bottom:20px">
<label style="display:block;margin-bottom:5px;font-weight:600;color:#333;direction:rtl;text-align:right">📎 المرفقات</label>
<input type="file" name="files[]" multiple accept=".pdf,.doc,.docx,.jpg,.png" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px">
</div>
<button type="submit" style="background:#007bff;color:#fff;padding:12px;border:0;border-radius:6px;cursor:pointer;font-weight:600;width:100%;font-size:16px;direction:rtl">إرسال الطلب</button>
</form>
</div>
</div>
</div>
<div class="trial3-container">
<h1 class="visually-hidden">YM - الرئيسية</h1>
<main class="homepage-main" role="main">
<div class="d-block d-md-none mobile-hero-only">
<div class="container my-5">
<div id="static-first-slide" class="static-slider-content">
<div class="row">
<div class="col-12 col-xl-8 text-left d-flex flex-column " >
<p class="font-size-15 font-weight-bold mb-2 text-cyan">
اكبر موقع لموردي مواد البناء في المملكة العربية السعودية
</p>
<p class="font-size-46 font-weight-bold text-lh-50 font-weight-light mb-6">
<b class="font-weight-bold">عروض سخانات المياه بجودة عالية وأسعار مميزه</b>
</p>
<a href="https://www.youmats.com/plumbing/water-heaters" class="btn btn-primary font-weight-normal py-2 font-size-16" style="box-shadow: none;margin-left: 1px;margin-right: 1px;">
أبدا الشراء
</a>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-md-block desktop-hero-only">
<div class="container my-5">
<div id="static-desktop-slide" class="static-slider-content">
<div class="row">
<div class="col-12 col-xl-8 text-right d-flex flex-column order-2 ">
<p id="hero-quote" class="font-size-15 font-weight-bold mb-2 text-cyan">
اكبر موقع لموردي مواد البناء في المملكة العربية السعودية
</p>
<p id="hero-title" class="font-size-46 font-weight-bold text-lh-50 font-weight-light mb-6">
<b class="font-weight-bold">عروض سخانات المياه بجودة عالية وأسعار مميزه</b>
</p>
<a id="hero-button" href="https://www.youmats.com/plumbing/water-heaters" class="btn btn-primary font-weight-normal py-2 font-size-16" style="box-shadow: none;margin-left: 1px;margin-right: 1px;">
أبدا الشراء
</a>
</div>
<div class="col-4 slick-slide-img-content order-1 ">
<img id="hero-image" class="img-fluid"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y735C79AV/conversions/central-water-heater-size_height_270.webp"
alt="عروض سخانات المياه بجودة عالية وأسعار مميزه"
title="عروض سخانات المياه بجودة عالية وأسعار مميزه"
width="270"
height="270"
loading="eager"
decoding="async"
fetchpriority="high">
</div>
</div>
</div>
</div>
</div>
<div class="container my-4">
<div class="row" style="gap:15px;justify-content:center;margin:0">
<div class="col-lg-3 col-md-12 mb-3" style="flex:1;max-width:350px;margin:0 7px">
<a href="https://www.youmats.com/building-material/construction-timber" style="text-decoration:none;color:inherit">
<div style="height:160px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:20px;box-shadow:0 3px 12px rgba(0,0,0,0.1);transition:transform 0.2s;direction:rtl;width:100%" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform='translateY(0)'">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YDFCA4/conversions/Highcompressed_1181721822-1654277296-size_144_100.webp" alt="تسوق منتجات الاخشاب.." style="width:70px;height:55px;object-fit:cover;border-radius:8px;flex-shrink:0;margin-left:20px" loading="lazy">
<div style="flex:1;text-align:right">
<h4 style="font-size:15px;font-weight:600;margin:0 0 8px 0;color:#333;line-height:1.3">تسوق منتجات الاخشاب..</h4>
<p style="font-size:12px;color:#666;margin:0">اقرأ المزيد</p>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-12 mb-3" style="flex:1;max-width:350px;margin:0 7px">
<a href="https://www.youmats.com/iron-product@else https://www.youmats.com/en/iron-product " style="text-decoration:none;color:inherit">
<div style="height:160px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:20px;box-shadow:0 3px 12px rgba(0,0,0,0.1);transition:transform 0.2s;direction:rtl;width:100%" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform='translateY(0)'">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y28685/conversions/Highcompressed_1620001591-1654277296-size_144_100.webp" alt="تسوق منتجات الحديد.." style="width:70px;height:55px;object-fit:cover;border-radius:8px;flex-shrink:0;margin-left:20px" loading="lazy">
<div style="flex:1;text-align:right">
<h4 style="font-size:15px;font-weight:600;margin:0 0 8px 0;color:#333;line-height:1.3">تسوق منتجات الحديد..</h4>
<p style="font-size:12px;color:#666;margin:0">اقرأ المزيد</p>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-12 mb-3" style="flex:1;max-width:350px;margin:0 7px">
<a href="https://www.youmats.com/building-material/coarse-aggregate-and-stones" style="text-decoration:none;color:inherit">
<div style="height:160px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:20px;box-shadow:0 3px 12px rgba(0,0,0,0.1);transition:transform 0.2s;direction:rtl;width:100%" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform='translateY(0)'">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB9BA6/conversions/Highcompressed_1166887348-1654276754-size_144_100.webp" alt="تسوق الركام الخشن والأحجار..." style="width:70px;height:55px;object-fit:cover;border-radius:8px;flex-shrink:0;margin-left:20px" loading="lazy">
<div style="flex:1;text-align:right">
<h4 style="font-size:15px;font-weight:600;margin:0 0 8px 0;color:#333;line-height:1.3">تسوق الركام الخشن والأحجار...</h4>
<p style="font-size:12px;color:#666;margin:0">اقرأ المزيد</p>
</div>
</div>
</a>
</div>
</div>
</div>
<section class="responsive-categories">
<div class="container-fluid px-3">
<div class="categories-container">
<div class="category-item text-item">
<div class="text-card">
<h2>أكبر موقع مواد بناء ومعدات التشييد في السعودية - يوماتس</h2>
<p>يوماتس - جميع مستلزمات مواد البناء في المملكة العربية السعودية. نوفر لك مجموعة كبيرة من مستلزمات مواد البناء المستخدمة في البناء والهندسة المعمارية لإنشاء هياكل مثل المباني والجسور والطرق ودليل كامل لجميع موردي مواد ومستلزمات مواد البناء.</p>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/kitchen" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y24EE161S/conversions/kitchen-supplies-size_255_364.webp"
alt="المطابخ"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>المطابخ</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/hardware" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y72F42P3J/conversions/Hardware-size_255_364.webp"
alt="العدد والادوات"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>العدد والادوات</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/precast-concrete" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD9BD18AL/conversions/-size_255_364-size_255_364.webp"
alt="بريكاست"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>بريكاست</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/paints" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y502417SD/conversions/Screenshot_32-size_255_364.webp"
alt="دهانات"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>دهانات</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/electrical" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y122A6R0M/conversions/electrical-size_255_364.webp"
alt="الكهرباء"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>الكهرباء</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/plumbing" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y997F17SG/conversions/Highcompressed_1983694915-size_255_364-size_255_364.webp"
alt="السباكة"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>السباكة</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/bathroom" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC0CANBY/conversions/pexels-photo-1457847-size_255_364.webp"
alt="الحمامات"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>الحمامات</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/Carpentry-supplies" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9984N83/conversions/Carpentry-size_255_364-size_255_364.webp"
alt="النجارة"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>النجارة</h3>
</div>
</a>
</div>
</div>
<div class="category-item">
<div class="category-card">
<a href="https://youmats.com/precast-concrete/concrete-barriers" class="category-link">
<div class="image-container">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA2132AWT/conversions/concrete-barriers-size_255_364.webp"
alt="حواجز خرسانية"
class="category-image"
loading="lazy">
</div>
<div class="category-content">
<h3>حواجز خرسانية</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<style>
.responsive-categories {
padding: 60px 0;
}
.categories-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 767px) {
.responsive-categories {
padding: 30px 0;
}
.categories-container {
gap: 8px;
}
.category-item {
flex: 0 0 calc(50% - 4px);
max-width: calc(50% - 4px);
min-height: 200px;
margin-bottom: 15px;
}
.text-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px 15px;
border-radius: 12px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.text-card h2 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 700;
}
.text-card p {
font-size: 13px;
line-height: 1.4;
opacity: 0.9;
margin: 0;
}
.category-card {
background: white;
border-radius: 12px;
overflow: hidden;
height: 100%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.image-container {
height: 140px;
overflow: hidden;
}
.category-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.category-content {
padding: 15px;
height: 60px;
display: flex;
align-items: center;
}
.category-content h3 {
font-size: 14px;
font-weight: 600;
margin: 0;
color: #333;
}
}
@media (min-width: 768px) {
.category-item {
flex: 0 0 20%;
max-width: 20%;
min-height: 350px;
}
.text-card {
background: #f8f9fa;
color: #333;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 30px 20px;
text-align: left;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.text-card h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
color: #333;
}
.text-card p {
font-size: 14px;
line-height: 1.5;
color: #666;
margin: 0;
}
.category-card {
background: white;
border-radius: 8px;
overflow: hidden;
height: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.category-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.image-container {
height: 280px;
overflow: hidden;
}
.category-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.3s ease;
}
.category-card:hover .category-image {
transform: scale(1.05);
}
.category-content {
padding: 20px;
height: 70px;
display: flex;
align-items: center;
}
.category-content h3 {
font-size: 16px;
font-weight: 600;
margin: 0;
color: #333;
}
.category-item:nth-child(6n+1) {
clear: left;
}
}
.category-link {
display: block;
height: 100%;
text-decoration: none;
color: inherit;
}
</style>
<style>
@media (min-width: 768px) {
.categories-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.category-item {
flex: 0 0 calc(20% - 8px) !important;
max-width: calc(20% - 8px) !important;
min-height: 300px;
}
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
padding: 25px 15px !important;
text-align: left !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.text-card h2 {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
color: #333 !important;
line-height: 1.2 !important;
}
.text-card p {
font-size: 13px !important;
line-height: 1.4 !important;
color: #666 !important;
margin: 0 !important;
}
.category-card {
background: white !important;
border-radius: 8px !important;
overflow: hidden !important;
height: 100% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.category-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.image-container {
height: 220px !important;
overflow: hidden !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.3s ease !important;
}
.category-card:hover .category-image {
transform: scale(1.05) !important;
}
.category-content {
padding: 15px !important;
height: 80px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.category-content h3 {
font-size: 14px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #333 !important;
line-height: 1.3 !important;
}
}
@media (max-width: 767px) {
.responsive-categories {
padding: 40px 0 !important;
}
.categories-container {
gap: 12px !important;
}
.category-item {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
min-height: 240px !important;
margin-bottom: 12px !important;
}
.text-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
padding: 25px 18px !important;
border-radius: 12px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
.text-card h2 {
font-size: 20px !important;
margin-bottom: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.text-card p {
font-size: 14px !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
margin: 0 !important;
}
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 100% !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.image-container {
height: 160px !important;
overflow: hidden !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
}
.category-content {
padding: 18px !important;
height: 80px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.category-content h3 {
font-size: 15px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #333 !important;
line-height: 1.3 !important;
}
}
.category-link {
display: block !important;
height: 100% !important;
text-decoration: none !important;
color: inherit !important;
}
</style>
<style>
@media (max-width: 767px) {
.category-item {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
min-height: 240px !important;
height: 240px !important;
margin-bottom: 12px !important;
}
.text-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
padding: 25px 18px !important;
border-radius: 12px !important;
height: 240px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 20px !important;
margin-bottom: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.text-card p {
font-size: 14px !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
margin: 0 !important;
}
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 240px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
}
.image-container {
height: 180px !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
.category-content {
padding: 15px 12px !important;
height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
flex-shrink: 0 !important;
background: white !important;
}
.category-content h3 {
font-size: 14px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #333 !important;
line-height: 1.3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.category-link {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
text-decoration: none !important;
color: inherit !important;
}
}
</style>
<style>
@media (max-width: 767px) {
.responsive-categories {
padding: 30px 0 !important;
contain: layout style !important;
}
.categories-container {
gap: 8px !important;
will-change: auto !important;
}
.category-item {
flex: 0 0 calc(50% - 4px) !important;
max-width: calc(50% - 4px) !important;
min-height: 280px !important;
height: 280px !important;
margin-bottom: 15px !important;
}
.text-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
padding: 30px 20px !important;
border-radius: 12px !important;
height: 280px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 22px !important;
margin-bottom: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.text-card p {
font-size: 16px !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
margin: 0 !important;
}
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 280px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
contain: layout style paint !important;
}
.image-container {
height: 200px !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
image-rendering: optimizeSpeed !important;
}
.category-content {
padding: 20px 15px !important;
height: 80px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
flex-shrink: 0 !important;
background: white !important;
}
.category-content h3 {
font-size: 16px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #333 !important;
line-height: 1.3 !important;
}
}
@media (min-width: 768px) {
.responsive-categories {
padding: 70px 0 !important;
contain: layout style !important;
}
.categories-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 12px !important;
will-change: auto !important;
}
.category-item {
flex: 0 0 calc(20% - 9.6px) !important;
max-width: calc(20% - 9.6px) !important;
min-height: 380px !important;
height: 380px !important;
}
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
padding: 35px 20px !important;
text-align: left !important;
height: 380px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
text-transform: uppercase !important;
color: #333 !important;
line-height: 1.2 !important;
}
.text-card p {
font-size: 15px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
}
.category-card {
background: white !important;
border-radius: 8px !important;
overflow: hidden !important;
height: 380px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
contain: layout style paint !important;
}
.category-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.image-container {
height: 280px !important;
overflow: hidden !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.3s ease !important;
image-rendering: optimizeSpeed !important;
}
.category-card:hover .category-image {
transform: scale(1.05) !important;
}
.category-content {
padding: 25px 20px !important;
height: 100px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.category-content h3 {
font-size: 17px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #333 !important;
line-height: 1.3 !important;
}
}
.category-link {
display: block !important;
height: 100% !important;
text-decoration: none !important;
color: inherit !important;
will-change: transform !important;
}
.category-image {
backface-visibility: hidden !important;
perspective: 1000px !important;
}
.category-card {
transform: translateZ(0) !important;
}
</style>
<style>
@media (max-width: 767px) {
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 280px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
position: relative !important;
contain: layout style paint !important;
}
.image-container {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
position: relative !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
image-rendering: optimizeSpeed !important;
}
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
color: white !important;
padding: 30px 20px 20px 20px !important;
height: auto !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
text-align: center !important;
z-index: 2 !important;
}
.category-content h3 {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.3 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
text-transform: capitalize !important;
}
.category-link {
display: block !important;
height: 100% !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
position: relative !important;
}
}
@media (min-width: 768px) {
.category-card {
background: white !important;
border-radius: 8px !important;
overflow: hidden !important;
height: 380px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
position: relative !important;
contain: layout style paint !important;
}
.category-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.image-container {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
position: relative !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.3s ease !important;
image-rendering: optimizeSpeed !important;
}
.category-card:hover .category-image {
transform: scale(1.05) !important;
}
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.8)) !important;
color: white !important;
padding: 40px 25px 25px 25px !important;
height: auto !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
text-align: center !important;
z-index: 2 !important;
}
.category-content h3 {
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.3 !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.6) !important;
text-transform: capitalize !important;
}
.category-link {
display: block !important;
height: 100% !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
position: relative !important;
}
.category-card:hover .category-content h3 {
transform: translateY(-2px) !important;
text-shadow: 0 4px 12px rgba(0,0,0,0.7) !important;
}
}
.category-card::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.1) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.category-card:hover::before {
background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.2) 100%) !important;
}
</style>
<style>
@media (min-width: 768px) {
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
padding: 35px 20px !important;
text-align: right !important;
direction: rtl !important;
height: 380px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
text-transform: uppercase !important;
color: #333 !important;
line-height: 1.2 !important;
text-align: right !important;
direction: rtl !important;
}
.text-card p {
font-size: 15px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
text-align: right !important;
direction: rtl !important;
}
}
@media (max-width: 767px) {
.text-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
padding: 30px 20px !important;
border-radius: 12px !important;
height: 280px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.text-card h2 {
font-size: 22px !important;
margin-bottom: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
max-width: 100% !important;
}
.text-card p {
font-size: 16px !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
margin: 0 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
text-overflow: ellipsis !important;
max-height: 67px !important;
}
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
color: white !important;
padding: 30px 20px 20px 20px !important;
height: auto !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
text-align: center !important;
z-index: 2 !important;
overflow: hidden !important;
}
.category-content h3 {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.3 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
text-transform: capitalize !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
max-width: 100% !important;
}
}
.responsive-categories {
contain: layout style !important;
will-change: auto !important;
}
.category-item {
contain: layout style !important;
transform: translateZ(0) !important;
}
.category-image {
image-rendering: -webkit-optimize-contrast !important;
image-rendering: crisp-edges !important;
backface-visibility: hidden !important;
perspective: 1000px !important;
}
.category-card {
will-change: transform !important;
transition: transform 0.2s ease !important;
}
.category-card:hover {
transform: translateY(-2px) translateZ(0) !important;
}
.category-card:hover .category-image {
transform: scale(1.02) translateZ(0) !important;
}
.category-content h3,
.text-card h2,
.text-card p {
text-rendering: optimizeSpeed !important;
font-smooth: never !important;
-webkit-font-smoothing: none !important;
}
.categories-container {
contain: layout !important;
transform: translateZ(0) !important;
}
.category-card {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}
.category-card:hover {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 767px) {
.category-card::before {
display: none !important;
}
.category-content {
background: rgba(0,0,0,0.6) !important;
}
}
* {
box-sizing: border-box !important;
}
.category-link {
transform: translateZ(0) !important;
will-change: auto !important;
}
</style>
<style>
@media (max-width: 767px) {
.responsive-categories {
padding: 40px 0 !important;
}
.categories-container {
gap: 10px !important;
}
.category-item {
flex: 0 0 calc(50% - 5px) !important;
max-width: calc(50% - 5px) !important;
min-height: 320px !important;
height: 320px !important;
margin-bottom: 20px !important;
}
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
padding: 35px 25px !important;
border-radius: 12px !important;
height: 320px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.text-card h2 {
font-size: 20px !important;
margin-bottom: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #333 !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
}
.text-card p {
font-size: 14px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
overflow: visible !important;
display: block !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
max-height: none !important;
}
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 320px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
position: relative !important;
contain: layout style paint !important;
}
.image-container {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
position: relative !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: rgba(0,0,0,0.7) !important;
color: white !important;
padding: 25px 20px 20px 20px !important;
height: auto !important;
min-height: 70px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
z-index: 2 !important;
transition: height 0.3s ease !important;
}
.category-content h3 {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.4 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
text-transform: capitalize !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
max-width: 100% !important;
hyphens: auto !important;
}
.category-content.expanded {
height: auto !important;
max-height: 150px !important;
padding: 30px 20px 25px 20px !important;
}
.category-content .expand-text {
font-size: 12px !important;
color: rgba(255,255,255,0.8) !important;
margin-top: 8px !important;
cursor: pointer !important;
text-decoration: underline !important;
display: none !important;
}
.category-link {
display: block !important;
height: 100% !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
position: relative !important;
}
}
@media (min-width: 768px) {
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
padding: 35px 20px !important;
text-align: right !important;
direction: rtl !important;
height: 380px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
text-transform: uppercase !important;
color: #333 !important;
line-height: 1.2 !important;
text-align: right !important;
direction: rtl !important;
}
.text-card p {
font-size: 15px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
text-align: right !important;
direction: rtl !important;
}
}
</style>
<script>
// 📱 Optional: Add click-to-expand for very long category names
document.addEventListener('DOMContentLoaded', function() {
// Only for mobile
if (window.innerWidth <= 767) {
const categoryContents = document.querySelectorAll('.category-content');
categoryContents.forEach(content => {
const h3 = content.querySelector('h3');
if (h3 && h3.textContent.length > 50) { // If text is very long
const expandBtn = document.createElement('span');
expandBtn.className = 'expand-text';
expandBtn.textContent = 'Read more';
expandBtn.style.display = 'inline-block';
let isExpanded = false;
expandBtn.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
if (!isExpanded) {
content.classList.add('expanded');
expandBtn.textContent = 'Read less';
isExpanded = true;
} else {
content.classList.remove('expanded');
expandBtn.textContent = 'Read more';
isExpanded = false;
}
});
content.appendChild(expandBtn);
}
});
}
});
</script>
<style>
@media (max-width: 767px) {
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
padding: 30px 20px !important;
border-radius: 12px !important;
height: 320px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: right !important;
direction: rtl !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.text-card h2 {
font-size: 16px !important;
margin-bottom: 12px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #333 !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
}
.text-card p {
font-size: 12px !important;
line-height: 1.4 !important;
color: #666 !important;
margin: 0 !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
display: block !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
max-height: none !important;
}
.category-card {
background: white !important;
border-radius: 12px !important;
overflow: hidden !important;
height: 320px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
position: relative !important;
contain: layout style paint !important;
}
.image-container {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
position: relative !important;
}
.category-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: transparent !important;
color: white !important;
padding: 15px !important;
height: auto !important;
min-height: 50px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-end !important;
text-align: right !important;
direction: rtl !important;
z-index: 2 !important;
}
.category-content h3 {
font-size: 14px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.3 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
text-transform: capitalize !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
max-width: 100% !important;
hyphens: auto !important;
background: rgba(0,0,0,0.3) !important;
padding: 8px 12px !important;
border-radius: 6px !important;
backdrop-filter: blur(2px) !important;
}
.category-link {
display: block !important;
height: 100% !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
position: relative !important;
}
.category-card::before {
display: none !important;
}
}
@media (min-width: 768px) {
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
padding: 35px 20px !important;
text-align: right !important;
direction: rtl !important;
height: 380px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.text-card h2 {
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
text-transform: uppercase !important;
color: #333 !important;
line-height: 1.2 !important;
text-align: right !important;
direction: rtl !important;
}
.text-card p {
font-size: 15px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
text-align: right !important;
direction: rtl !important;
}
}
</style>
<style>
@media (max-width: 767px) {
.category-content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
color: white !important;
padding: 25px 20px 20px 20px !important;
height: auto !important;
min-height: 70px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-end !important;
text-align: right !important;
direction: rtl !important;
z-index: 2 !important;
}
.category-content h3 {
font-size: 14px !important;
font-weight: 700 !important;
margin: 0 !important;
color: white !important;
line-height: 1.3 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
text-transform: capitalize !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
max-width: 100% !important;
hyphens: auto !important;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
backdrop-filter: none !important;
}
.text-card {
background: #f8f9fa !important;
color: #333 !important;
border: 1px solid #e9ecef !important;
padding: 30px 20px !important;
border-radius: 12px !important;
height: 320px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: right !important;
direction: rtl !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.text-card h2 {
font-size: 16px !important;
margin-bottom: 12px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #333 !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
}
.text-card p {
font-size: 12px !important;
line-height: 1.4 !important;
color: #666 !important;
margin: 0 !important;
text-align: right !important;
direction: rtl !important;
overflow: visible !important;
display: block !important;
text-overflow: clip !important;
white-space: normal !important;
word-wrap: break-word !important;
hyphens: auto !important;
max-height: none !important;
}
}
</style>
<script>console.log('🏢 DEBUG: TOTAL partners in database: 9');console.log('✅ DEBUG: FEATURED partners: 8');console.log('❌ DEBUG: NON-FEATURED partners: 1');console.log('📋 DEBUG: Featured partner details:', {"2":"\u0645\u0637\u0627\u0631 \u0627\u0644\u0645\u0644\u0643 \u062e\u0627\u0644\u062f \u0627\u0644\u062f\u0648\u0644\u064a","3":"\u0646\u064a\u0648\u0645","4":"\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u0645\u0648\u0627\u0646\u0626","5":"\u0634\u0628\u0629 \u0627\u0644\u062c\u0632\u064a\u0631\u0647 \u0644\u0644\u0645\u0642\u0648\u0644\u0627\u062a","6":"\u0645\u0648\u0627\u0646\u0626 \u062f\u0628\u064a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629","7":"\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0643\u0647\u0631\u0628\u0627\u0621","8":"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639","10":"\u0646\u0633\u0645\u0627"});console.log('📋 DEBUG: All partner names:', {"1":"\u0646\u0633\u0645\u0627","0":"\u0627\u0644\u064a\u0646\u0627\u0645\u0629"});</script><script>console.log('⚠️ DEBUG: Using ALL partners instead of just featured ones');</script> <div style="padding:40px 20px 0 20px">
<div style="max-width:1140px;margin:0 auto">
<div style="text-align:center;border-bottom:1px solid #dee2e6;margin-bottom:20px;padding-bottom:16px">
<h2 style="font-size:22px;font-weight:700;color:#212529;margin:0;padding-bottom:8px">
عملاؤنا
</h2>
</div>
</div>
</div>
<div style="background:#f8f9fa;padding:20px;margin-bottom:40px">
<div style="max-width:1140px;margin:0 auto">
<div style="position:relative">
<div id="clientsSlider" style="overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:10px 0;direction:ltr!important">
<div style="display:flex;gap:30px;min-width:max-content;padding:0 10px;direction:ltr!important">
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2DE7149B/Screenshot_4.png"
alt="مطار الملك خالد الدولي"
title="مطار الملك خالد الدولي"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YD818149A/Screenshot_3.png"
alt="نيوم"
title="نيوم"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7FE21499/Screenshot_2.png"
alt="الشركة السعودية العالمية للموانئ"
title="الشركة السعودية العالمية للموانئ"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF7731498/Ypq_k1RM_400x400.jpg"
alt="شبة الجزيره للمقولات"
title="شبة الجزيره للمقولات"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y70F51497/download.jpg"
alt="موانئ دبي العالمية"
title="موانئ دبي العالمية"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YDA431496/Logo_ar.png"
alt="الشركة السعودية للكهرباء"
title="الشركة السعودية للكهرباء"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/408829/conversions/client_02-size_height_75.webp"
alt="وزارة الدفاع"
title="وزارة الدفاع"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/408831/conversions/client_10-size_height_75.webp"
alt="الينامة"
title="الينامة"
loading="lazy">
</a>
</div>
<div style="flex:0 0 auto;min-width:160px">
<a href="" target="_blank" style="text-decoration:none;display:flex;align-items:center;justify-content:center;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;height:100px" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform='translateY(0)'">
<img style="max-height:60px;object-fit:contain;max-width:120px;width:auto;height:auto"
src="https://youmats-media.s3.me-central-1.amazonaws.com/408833/conversions/client_04-size_height_75.webp"
alt="نسما"
title="نسما"
loading="lazy">
</a>
</div>
</div>
</div>
<style>
#clientsSlider::-webkit-scrollbar {
display: none;
}
</style>
</div>
</div>
</div>
<div class="mb-5">
<div class="container text-center mb-3">
<h2 class="font-weight-bold text-dark mb-0" style="font-size: 24px;">أحدث المنتجات</h2>
</div>
<div class="bg-img-hero bg_cat_new st_new" style="padding: 25px 0 20px 0;">
<div class="container">
<div id="static-first-products">
<div class="row justify-content-center">
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/hardware/power-tools-accessories/socket-bit-size-17-mm-drive-size-12-inch-proto-brand-519/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFA787EWK/conversions/WhatsApp-Image-2025-01-16-at-7.08.46-PM-size_150_150.webp"
alt="حبة، مقاس 17 مم، حجم قاعدة التثبيت 1/2 بوصة، ماركة بروتو"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/hardware/power-tools-accessories"
style="color: #666; font-size: 12px; text-decoration: none;">
اكسسوارت الادوات الك...
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/hardware/power-tools-accessories/socket-bit-size-17-mm-drive-size-12-inch-proto-brand-519/i"
style="color: #003f91; text-decoration: none;">
حبة، مقاس 17 مم، حجم قاعدة التثبيت 1/2 بوصة، ماركة بروتو
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/paints/insulation-paints/waterproof-paint/hempels-light-primer-for-insulation-off-white-color-semi-gloss-5-l-container-hempel-paints-925/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y102278CF/conversions/Light-Primer-size_150_150.webp"
alt="همبل برايمر لايت للعزل، لون اوف وايت نصف لامع، عبوة 5 لتر | دهانات همبل "
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/paints/insulation-paints/waterproof-paint"
style="color: #666; font-size: 12px; text-decoration: none;">
دهان عازل للماء
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/paints/insulation-paints/waterproof-paint/hempels-light-primer-for-insulation-off-white-color-semi-gloss-5-l-container-hempel-paints-925/i"
style="color: #003f91; text-decoration: none;">
همبل برايمر لايت للعزل، لون اوف وايت نصف لامع، عبوة 5 لتر | دهانات همبل
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/paints/hygienic-paints/eco-friendly-paints/jotun-eco-friendly-fenomastic-wonderwall-lux-paint-matt-18-liters-gallon-color-white-628/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6BAA1NCC/conversions/Jotun-size_150_150.webp"
alt="دهان جوتن فينوماستيك مذهل راقي صحي صديق للبيئة مطفي جالون 18 لتر لون ابيض"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/paints/hygienic-paints/eco-friendly-paints"
style="color: #666; font-size: 12px; text-decoration: none;">
دهانات صديقه للبيئه
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/paints/hygienic-paints/eco-friendly-paints/jotun-eco-friendly-fenomastic-wonderwall-lux-paint-matt-18-liters-gallon-color-white-628/i"
style="color: #003f91; text-decoration: none;">
دهان جوتن فينوماستيك مذهل راقي صحي صديق للبيئة مطفي جالون 18 لتر لون ابيض
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/bathroom/toilets/wall-hung-toilets/wall-mounted-ceramic-toilet-round-gray-18-cm-size-761/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y8E248OCW/conversions/cef97563-b2ef-4e5c-b0f6-a9274aac45cf-size_150_150.webp"
alt="كرسي حمام جداري سيراميك، دائري، رمادي، مقاس 18 سم"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/bathroom/toilets/wall-hung-toilets"
style="color: #666; font-size: 12px; text-decoration: none;">
كراسي حمام معلقة
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/bathroom/toilets/wall-hung-toilets/wall-mounted-ceramic-toilet-round-gray-18-cm-size-761/i"
style="color: #003f91; text-decoration: none;">
كرسي حمام جداري سيراميك، دائري، رمادي، مقاس 18 سم
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y670E7O5O/conversions/white-size_150_150.webp"
alt="جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/electrical/cables-wires/cable-glands"
style="color: #666; font-size: 12px; text-decoration: none;">
كيبل جلاند
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i"
style="color: #003f91; text-decoration: none;">
جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/electrical/cable-tray-systems/cable-trays-and-fittings/cable-tray-risers/internal-riser-perforated-cable-tray-hdg-of-type-20mm-thick-75mm-side-600mm-width-bahra-346/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1DD272K6/conversions/Perforated-90-Degree-Internal-Riser-Bend-size_150_150.webp"
alt="صواعد تراي كيبل كهرباء داخلية مثقبة، صلب مجلفن ساخن بعد التصنيع، جوانب خارجية، سمك 2.0 ملي، جوانب 75 ملي، عرض 600 ملي | بحرة"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/electrical/cable-tray-systems/cable-trays-and-fittings/cable-tray-risers"
style="color: #666; font-size: 12px; text-decoration: none;">
صواعد حوامل الكابلات
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/electrical/cable-tray-systems/cable-trays-and-fittings/cable-tray-risers/internal-riser-perforated-cable-tray-hdg-of-type-20mm-thick-75mm-side-600mm-width-bahra-346/i"
style="color: #003f91; text-decoration: none;">
صواعد تراي كيبل كهرباء داخلية مثقبة، صلب مجلفن ساخن بعد التصنيع، جوانب خارجية، سمك 2.0 ملي، جوانب 75 ملي، عرض 600 ملي | بحرة
</a>
</h3>
</div>
</div>
</div>
<div class="col-auto" style="width: calc(100% / 7); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="https://youmats.com/hardware/power-tools-accessories/router-drill-bit-diameter-53-mm-makute-brand-708/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YADD46VJZ/conversions/%D9%85%D9%86%D8%AA%D8%AC-11-size_150_150.webp"
alt="ريشة راوتر حفر قطر 53 مم، ماركة ماكيوت"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="https://youmats.com/hardware/power-tools-accessories"
style="color: #666; font-size: 12px; text-decoration: none;">
اكسسوارت الادوات الك...
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="https://youmats.com/hardware/power-tools-accessories/router-drill-bit-diameter-53-mm-makute-brand-708/i"
style="color: #003f91; text-decoration: none;">
ريشة راوتر حفر قطر 53 مم، ماركة ماكيوت
</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
(function() {
'use strict';
const products = [
{
name: 'حبة، مقاس 17 مم، حجم قاعدة التثبيت 1/2 بوصة، ماركة بروتو',
category: 'اكسسوارت الادوات الكهربائية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YFA787EWK/conversions/WhatsApp-Image-2025-01-16-at-7.08.46-PM-size_150_150.webp',
categoryLink: 'https://youmats.com/hardware/power-tools-accessories',
productLink: 'https://youmats.com/hardware/power-tools-accessories/socket-bit-size-17-mm-drive-size-12-inch-proto-brand-519/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'همبل برايمر لايت للعزل، لون اوف وايت نصف لامع، عبوة 5 لتر | دهانات همبل ',
category: 'دهان عازل للماء',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y102278CF/conversions/Light-Primer-size_150_150.webp',
categoryLink: 'https://youmats.com/paints/insulation-paints/waterproof-paint',
productLink: 'https://youmats.com/paints/insulation-paints/waterproof-paint/hempels-light-primer-for-insulation-off-white-color-semi-gloss-5-l-container-hempel-paints-925/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'دهان جوتن فينوماستيك مذهل راقي صحي صديق للبيئة مطفي جالون 18 لتر لون ابيض',
category: 'دهانات صديقه للبيئه',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y6BAA1NCC/conversions/Jotun-size_150_150.webp',
categoryLink: 'https://youmats.com/paints/hygienic-paints/eco-friendly-paints',
productLink: 'https://youmats.com/paints/hygienic-paints/eco-friendly-paints/jotun-eco-friendly-fenomastic-wonderwall-lux-paint-matt-18-liters-gallon-color-white-628/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'كرسي حمام جداري سيراميك، دائري، رمادي، مقاس 18 سم',
category: 'كراسي حمام معلقة',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y8E248OCW/conversions/cef97563-b2ef-4e5c-b0f6-a9274aac45cf-size_150_150.webp',
categoryLink: 'https://youmats.com/bathroom/toilets/wall-hung-toilets',
productLink: 'https://youmats.com/bathroom/toilets/wall-hung-toilets/wall-mounted-ceramic-toilet-round-gray-18-cm-size-761/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء',
category: 'كيبل جلاند',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y670E7O5O/conversions/white-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/cables-wires/cable-glands',
productLink: 'https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'صواعد تراي كيبل كهرباء داخلية مثقبة، صلب مجلفن ساخن بعد التصنيع، جوانب خارجية، سمك 2.0 ملي، جوانب 75 ملي، عرض 600 ملي | بحرة',
category: 'صواعد حوامل الكابلات',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y1DD272K6/conversions/Perforated-90-Degree-Internal-Riser-Bend-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/cable-tray-systems/cable-trays-and-fittings/cable-tray-risers',
productLink: 'https://youmats.com/electrical/cable-tray-systems/cable-trays-and-fittings/cable-tray-risers/internal-riser-perforated-cable-tray-hdg-of-type-20mm-thick-75mm-side-600mm-width-bahra-346/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'ريشة راوتر حفر قطر 53 مم، ماركة ماكيوت',
category: 'اكسسوارت الادوات الكهربائية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YADD46VJZ/conversions/%D9%85%D9%86%D8%AA%D8%AC-11-size_150_150.webp',
categoryLink: 'https://youmats.com/hardware/power-tools-accessories',
productLink: 'https://youmats.com/hardware/power-tools-accessories/router-drill-bit-diameter-53-mm-makute-brand-708/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'ورق جداري سادة هولندي مقاس 10 م×0.53 م، لون اخضر فاتح، موديل 43741',
category: 'ورق جدران',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YEE756ERQ/conversions/Light-Green-43741-size_150_150.webp',
categoryLink: 'https://youmats.com/floors-and-walls/wallpaper',
productLink: 'https://youmats.com/floors-and-walls/wallpaper/dutch-plain-wall-decoration-size-10m-x-053m-light-green-color-model-43741-179/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'أنابيب بلاستيك HDPEبولي ايثيلين عالي الكثافة [PE 100] ، مقاس 90 مم، لون أسود، ضغط 10 بار | مصنع الاتحاد للأنابيب',
category: 'مواسير HDPE',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y9C905QNT/conversions/1-size_150_150.webp',
categoryLink: 'https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes',
productLink: 'https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-polyethylene-hdpe-plastic-pipes-pe-100-size-909-mm-black-color-10-bar-pressure-union-pipes-factory-151/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'سيراميك ارضيات لارا كوتو موديل مقاس 33×33 سم، لون برتقالي | شركة المستقبل للسيراميك',
category: 'بلاط سيراميك',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y268C518H/conversions/WhatsApp-Image-2024-10-01-at-10.14.39-AM-size_150_150.webp',
categoryLink: 'https://youmats.com/floors-and-walls/floor-tiles/ceramic-tiles',
productLink: 'https://youmats.com/floors-and-walls/floor-tiles/ceramic-tiles/ceramics-flooring-lara-cotto-model-size-33x33-cm-orange-color-future-ceramic-company-968/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'سلك 6 ملي نحاس شعر، 600/1000 فولت، طول 300 قدم | الفنار',
category: 'اسلاك نحاس شعر',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y10B14D44/conversions/WhatsApp-Image-2024-08-13-at-12.11.14-PM-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/cables-wires/pvc-copper-wires/flexible-copper-wires',
productLink: 'https://youmats.com/electrical/cables-wires/pvc-copper-wires/flexible-copper-wires/6mm-flexible-copper-wire-6001000v-300ft-length-alfanar-110/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'سلك شبك معدني ممدد (بقلاوه) ستانلس ستيل غير لامع نموذج درع، سماكة 2.7 ملي، عرض 1.22 متر، طول 6 متر | شركة بيت التطور',
category: 'شبك ستانلس ستيل بقلاوة',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y0A4D3N1F/conversions/%D8%B4%D8%A8%D9%83-%D8%B3%D8%AA%D8%A7%D9%86%D9%84%D8%B3304-size_150_150.webp',
categoryLink: 'https://youmats.com/iron-product/stainless-steel-mesh/stainless-steel-expanded-metal',
productLink: 'https://youmats.com/iron-product/stainless-steel-mesh/stainless-steel-expanded-metal/expanded-metal-sheet-flattened-stainless-steel-matte-finish-drie-form-thickness-27-mm-width-122-meter-length-6-meter-bait-al-tatawor-company-827/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'شبك ممدد بقلاوة حديد مدرفل على الساخن نموذج مموج تخانة 2.8 ملم مقاس 1.22×5 متر | شركة بيت التطور',
category: 'شبك حديد بقلاوه',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YC92C3GXQ/conversions/Hot-Rolled-size_150_150.webp',
categoryLink: 'https://youmats.com/iron-product/Iron-grille/steel-expanded-metal',
productLink: 'https://youmats.com/iron-product/Iron-grille/steel-expanded-metal/hot-rolled-expanded-metal-mesh-momawaj-form-thickness-28-mm-size-1225-meter-bait-al-tatawor-company-553/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'برغي سداسي مجلفن على الساخن سن كامل خشن UNC صلابة 4.8 مقاس 1/4 انش ',
category: 'براغي سداسيه',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y000D2TY0/conversions/Full-Threaded-Hot-Dip-Galvanized-Hexagonal-Bolt-UNC-size_150_150.webp',
categoryLink: 'https://youmats.com/hardware/fasteners/bolts-and-screw/hex-head-bolts',
productLink: 'https://youmats.com/hardware/fasteners/bolts-and-screw/hex-head-bolts/full-threaded-hot-dip-galvanized-hexagonal-bolt-unc-grade-48-size-14-inch-al-hadhara-tower-trading-company-122/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
} ];
let currentIndex = 0;
const productsToShow = 7;
function rotateProduct() {
currentIndex = (currentIndex + 1) % products.length;
const container = document.getElementById('static-first-products');
if (container) {
let newHtml = '<div class="row justify-content-center">';
for (let i = 0; i < productsToShow; i++) {
const productIndex = (currentIndex + i) % products.length;
const product = products[productIndex];
newHtml += `
<div class="col-auto" style="width: calc(100% / ${productsToShow}); min-width: 140px;">
<div class="product-card text-center" style="background: white; border-radius: 12px; padding: 15px; margin: 0 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 100%;">
<div class="product-image mb-3">
<a href="${product.productLink}">
<img src="${product.image}"
alt="${product.name}"
style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px;"
loading="lazy">
</a>
</div>
<div class="product-info">
<div class="product-category mb-2">
<a href="${product.categoryLink}"
style="color: #666; font-size: 12px; text-decoration: none;">
${product.category.length > 20 ? product.category.substring(0, 20) + '...' : product.category}
</a>
</div>
<h3 class="product-title mb-2" style="font-size: 14px; font-weight: 600; line-height: 1.3; margin: 0;">
<a href="${product.productLink}"
style="color: #003f91; text-decoration: none;">
${product.name}
</a>
</h3>`;
newHtml += `
</div>
</div>
</div>`;
}
newHtml += '</div>';
container.innerHTML = newHtml;
}
}
// Start after 3 seconds, rotate every 4 seconds (EXACT WORKING METHOD)
setTimeout(function() {
setInterval(rotateProduct, 4000);
}, 3000);
})();
</script>
<div class="container">
<div style="margin: 1.5rem 0;">
<!-- Nav nav-pills -->
<div class="position-relative text-center z-index-2">
<div class="d-flex justify-content-between border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 rtl" style="direction:rtl">
<h2 class="section-title mb-0 pb-2 font-size-22" style="text-align:right">مواد البناء</h2>
</div>
</div>
<!-- End Nav Pills -->
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y954D17SH/conversions/Building-Material-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">مواد البناء</h3>
<a href="/category/building-material" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/the-bricks" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YEBB73FZL/pro_6.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">بلوكات</h5>
</a>
<a href="/category/coarse-aggregate-and-stones" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y59533K2P/Coarse-Aggregate-and-Stones-1.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">الركام الخشن والأحجار</h5>
</a>
<a href="/category/cement" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YC78F3K2Q/Cement.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">الاسمنت</h5>
</a>
<a href="/category/ready-mix-concrete" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y31033K2V/Ready-Mix-Concrete-1.PNG'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خرسانه جاهزه</h5>
</a>
<a href="/category/bricks" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YE5902GZ4/Bricks-1.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">طوب</h5>
</a>
<a href="/category/ready-mix-mortar" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y75632OHA/11.PNG'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مونة جاهزة</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/building-material/cement-boards/cement-boards-squared-edge-thickness-20-mm-size-24001220-mm-al-wataniya-gypsum-company-940/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1AE36VCC/conversions/WhatsApp-Image-2024-12-24-at-12.41.09-PM-size_150_150.webp" alt="لوح اسمنت بورد حافة مربعة، سمك 20 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس" loading="lazy">
<div><h6>لوح اسمنت بورد حافة مربعة، سمك...</h6></div>
</a>
<a href="https://youmats.com/building-material/the-bricks/hollow-concrete-block-with-3-cores-dimensions-40x20x20-cm-gray-color-opal-company-619/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y678A63K3/conversions/%D9%85%D9%86%D8%AA%D8%AC-size_150_150.webp" alt="بلوك خرساني مفرغ 3 فتحات، ابعاد 20×20×40 سم، لون رمادي | شركة أوبال" loading="lazy">
<div><h6>بلوك خرساني مفرغ 3 فتحات، ابعا...</h6></div>
</a>
<a href="https://youmats.com/building-material/gypsum-boards/fire-resistant-gypsum-panel-size-4x7-meter-red-color-101/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66D25CNM/conversions/WhatsApp-Image-2024-10-21-at-3.35.23-PM-size_150_150.webp" alt="ألواح جبس مقاومة للحريق مقاس 4×7متر، لون أحمر" loading="lazy">
<div><h6>ألواح جبس مقاومة للحريق مقاس 4...</h6></div>
</a>
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/rock-wool-laminated-with-aluminum-foil-size-1200x600-mm-density-100kgm3-saudi-rock-wool-company-714/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF5D76YO6/conversions/WhatsApp-Image-2024-12-30-at-9.38.52-AM-size_150_150.webp" alt="صوف صخري مغلف بطبقة المنيوم، طول 1200، عرض600 مم، كثافة 100 كجم/م3، شركة الصوف الصخري السعودي" loading="lazy">
<div><h6>صوف صخري مغلف بطبقة المنيوم، ط...</h6></div>
</a>
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/aluminum-coated-rock-wool-pipes-length-1200-mm-size-2-inch-saudi-rock-wool-company-233/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBC7B6XI8/conversions/WhatsApp-Image-2024-12-28-at-5.51.28-PM-size_150_150.webp" alt="صوف صخري للأنابيب مغلف بالألومنيوم طول 1200 مم، مقاس 2 انش | شركة الصوف الصخري السعودي" loading="lazy">
<div><h6>صوف صخري للأنابيب مغلف بالألوم...</h6></div>
</a>
<a href="https://youmats.com/building-material/insulations/waterproofing-insulation/plastomex-protective-waterproofing-membrane-thickness-5mm-type-pbsslated-465/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFF2089NE/conversions/PLASTOMEX-size_150_150.webp" alt="Plastomex غشاء حماية للعزل، سمك 5 ملم، نوع pbs/slated" loading="lazy">
<div><h6>Plastomex غشاء حماية للعزل، سم...</h6></div>
</a>
<a href="https://youmats.com/building-material/cement/white-portland-cement-packaging-50-kg-riyadh-900/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB0702J25/conversions/Riyadh4-size_150_150.webp" alt="أسمنت بورتلاندي ابيض عبوة 50 كيلو الرياض" loading="lazy">
<div><h6>أسمنت بورتلاندي ابيض عبوة 50 ك...</h6></div>
</a>
<a href="https://youmats.com/building-material/cement/finishing-portland-cement-bag-50-al-safwa-793/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y27732IBQ/conversions/Finishing-Portland-Cement-size_150_150.webp" alt="أسمنت بورتلاندي تشطيب كيس 50 كجم الصفوة" loading="lazy">
<div><h6>أسمنت بورتلاندي تشطيب كيس 50...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-md-3 d-flex">
<div class="block_img_cat h-100 d-flex flex-column">
<a href="https://youmats.com/building-material" class="d-block flex-grow-1">
<img class="img-fluid h-100" src="https://youmats-media.s3.me-central-1.amazonaws.com/Y954D17SH/conversions/Building-Material-size_305_570.webp"
alt="اكتشف منتجات مواد البناء"
title="مواد البناء" loading="lazy"
style="object-fit: cover;" />
<!-- OVERLAY DESCRIPTION - INSIDE THE LINK -->
<div class="des_block_cat_new">
<h3>مواد البناء</h3>
<span class="btn btn-primary font-weight-normal py-2 px-md-7 px-3 font-size-16">مشاهدة الجميع</span>
</div>
</a>
</div>
</div>
<div class="col-md-9 d-flex">
<ul class="row list-unstyled products-group no-gutters mb-0">
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement-boards" class="modern-featured-category-link">الواح اسمنت بورد</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement-boards/cement-boards-squared-edge-thickness-20-mm-size-24001220-mm-al-wataniya-gypsum-company-940/i" class="modern-featured-title-link">
لوح اسمنت بورد حافة مربعة، سمك 20 ملم، مقاس 2400×1220 ملم، شركة ا...
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement-boards/cement-boards-squared-edge-thickness-20-mm-size-24001220-mm-al-wataniya-gypsum-company-940/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1AE36VCC/conversions/WhatsApp-Image-2024-12-24-at-12.41.09-PM-size_150_150.webp"
alt="لوح اسمنت بورد حافة مربعة، سمك 20 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس"
title="لوح اسمنت بورد حافة مربعة، سمك 20 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/the-bricks" class="modern-featured-category-link">بلوكات</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/the-bricks/hollow-concrete-block-with-3-cores-dimensions-40x20x20-cm-gray-color-opal-company-619/i" class="modern-featured-title-link">
بلوك خرساني مفرغ 3 فتحات، ابعاد 20×20×40 سم، لون رمادي | شركة أوب...
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/the-bricks/hollow-concrete-block-with-3-cores-dimensions-40x20x20-cm-gray-color-opal-company-619/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y678A63K3/conversions/%D9%85%D9%86%D8%AA%D8%AC-size_150_150.webp"
alt="بلوك خرساني مفرغ 3 فتحات، ابعاد 20×20×40 سم، لون رمادي | شركة أوبال"
title="بلوك خرساني مفرغ 3 فتحات، ابعاد 20×20×40 سم، لون رمادي | شركة أوبال"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/gypsum-boards" class="modern-featured-category-link">الواح جبس بورد</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/gypsum-boards/fire-resistant-gypsum-panel-size-4x7-meter-red-color-101/i" class="modern-featured-title-link">
ألواح جبس مقاومة للحريق مقاس 4×7متر، لون أحمر
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/gypsum-boards/fire-resistant-gypsum-panel-size-4x7-meter-red-color-101/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66D25CNM/conversions/WhatsApp-Image-2024-10-21-at-3.35.23-PM-size_150_150.webp"
alt="ألواح جبس مقاومة للحريق مقاس 4×7متر، لون أحمر"
title="ألواح جبس مقاومة للحريق مقاس 4×7متر، لون أحمر"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation" class="modern-featured-category-link">عزل الصوف الصخري</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/rock-wool-laminated-with-aluminum-foil-size-1200x600-mm-density-100kgm3-saudi-rock-wool-company-714/i" class="modern-featured-title-link">
صوف صخري مغلف بطبقة المنيوم، طول 1200، عرض600 مم، كثافة 100 كجم/م...
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/rock-wool-laminated-with-aluminum-foil-size-1200x600-mm-density-100kgm3-saudi-rock-wool-company-714/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF5D76YO6/conversions/WhatsApp-Image-2024-12-30-at-9.38.52-AM-size_150_150.webp"
alt="صوف صخري مغلف بطبقة المنيوم، طول 1200، عرض600 مم، كثافة 100 كجم/م3، شركة الصوف الصخري السعودي"
title="صوف صخري مغلف بطبقة المنيوم، طول 1200، عرض600 مم، كثافة 100 كجم/م3، شركة الصوف الصخري السعودي"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation" class="modern-featured-category-link">عزل الصوف الصخري</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/aluminum-coated-rock-wool-pipes-length-1200-mm-size-2-inch-saudi-rock-wool-company-233/i" class="modern-featured-title-link">
صوف صخري للأنابيب مغلف بالألومنيوم طول 1200 مم، مقاس 2 انش | شركة...
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/insulations/rockwool-insulation/aluminum-coated-rock-wool-pipes-length-1200-mm-size-2-inch-saudi-rock-wool-company-233/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YBC7B6XI8/conversions/WhatsApp-Image-2024-12-28-at-5.51.28-PM-size_150_150.webp"
alt="صوف صخري للأنابيب مغلف بالألومنيوم طول 1200 مم، مقاس 2 انش | شركة الصوف الصخري السعودي"
title="صوف صخري للأنابيب مغلف بالألومنيوم طول 1200 مم، مقاس 2 انش | شركة الصوف الصخري السعودي"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/insulations/waterproofing-insulation" class="modern-featured-category-link">شريط واتر ستوب</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/insulations/waterproofing-insulation/plastomex-protective-waterproofing-membrane-thickness-5mm-type-pbsslated-465/i" class="modern-featured-title-link">
Plastomex غشاء حماية للعزل، سمك 5 ملم، نوع pbs/slated
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/insulations/waterproofing-insulation/plastomex-protective-waterproofing-membrane-thickness-5mm-type-pbsslated-465/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YFF2089NE/conversions/PLASTOMEX-size_150_150.webp"
alt="Plastomex غشاء حماية للعزل، سمك 5 ملم، نوع pbs/slated"
title="Plastomex غشاء حماية للعزل، سمك 5 ملم، نوع pbs/slated"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement" class="modern-featured-category-link">الاسمنت</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement/white-portland-cement-packaging-50-kg-riyadh-900/i" class="modern-featured-title-link">
أسمنت بورتلاندي ابيض عبوة 50 كيلو الرياض
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement/white-portland-cement-packaging-50-kg-riyadh-900/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YB0702J25/conversions/Riyadh4-size_150_150.webp"
alt="أسمنت بورتلاندي ابيض عبوة 50 كيلو الرياض"
title="أسمنت بورتلاندي ابيض عبوة 50 كيلو الرياض"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-4 col-wd-3">
<div class="modern-featured-card h-100">
<div class="modern-featured-inner">
<!-- MODERN CATEGORY -->
<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement" class="modern-featured-category-link">الاسمنت</a>
</div>
<!-- MODERN TITLE -->
<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement/finishing-portland-cement-bag-50-al-safwa-793/i" class="modern-featured-title-link">
أسمنت بورتلاندي تشطيب كيس 50 كجم الصفوة
</a>
</h5>
<!-- MODERN IMAGE -->
<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement/finishing-portland-cement-bag-50-al-safwa-793/i" class="modern-featured-image-link">
<div class="modern-featured-image-container">
<img class="modern-featured-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y27732IBQ/conversions/Finishing-Portland-Cement-size_150_150.webp"
alt="أسمنت بورتلاندي تشطيب كيس 50 كجم الصفوة"
title="أسمنت بورتلاندي تشطيب كيس 50 كجم الصفوة"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<section style="padding: 30px 0 15px 0; background: white;">
<div style="max-width: 1200px; margin: 0 auto; padding: 0 15px;">
<div style="margin-bottom: 20px; text-align: center;">
<h2 style="font-size: 22px; font-weight: 600; color: #333; margin: 0;">الخرسانة مسبقة الصب</h2>
</div>
<div class="precast-desktop" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 10px;">
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/Lighting-pole-rules" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2CF03ECC/conversions/Lighting-pole-rules-size_150_150.webp"
alt="قواعد اعمدة انارة"
title="قواعد اعمدة انارة"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">قواعد اعمدة انارة</h3>
</div>
</a>
</div>
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/hollow-core" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF8733K2Y/conversions/hollow-core-size_150_150.webp"
alt="الهولوكور"
title="الهولوكور"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">الهولوكور</h3>
</div>
</a>
</div>
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/planting-basins" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0E8D3ECD/conversions/planting-basins-size_150_150.webp"
alt="احواض زرع خرسانية"
title="احواض زرع خرسانية"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">احواض زرع خرسانية</h3>
</div>
</a>
</div>
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/wheel-stopper" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF253ECE/conversions/wheel-stopper-size_150_150.webp"
alt="مصدات وحواجز سيارات خرسانية"
title="مصدات وحواجز سيارات خرسانية"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">مصدات سيارات</h3>
</div>
</a>
</div>
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/marble-planting-basins" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF6E6S/conversions/e7ac06066db2e4d9ab9b1ad8886e8ca8-size_150_150.webp"
alt="احواض زرع رخام"
title="احواض زرع رخام"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">احواض زرع رخام</h3>
</div>
</a>
</div>
<div style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<a href="https://youmats.com/precast-concrete/concrete-manhole" style="display: flex; align-items: center; padding: 20px; text-decoration: none; height: 120px;">
<div style="flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; margin-right: 25px;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YAAE23ECF/conversions/concrete-manhole-size_150_150.webp"
alt="مناهل خرسانية"
title="مناهل خرسانية"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="flex: 1;">
<h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0;">غرف تفتيش خرسانية</h3>
</div>
</a>
</div>
</div>
<div class="precast-mobile" style="display: none;">
<div style="background: #f8f9fa; border-radius: 12px; margin: 0 -30px; padding: 15px 0;">
<div style="overflow-x: auto; padding: 0; -webkit-overflow-scrolling: touch;">
<div style="display: flex; gap: 12px; padding: 0 30px; padding-bottom: 10px;">
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/Lighting-pole-rules" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2CF03ECC/Lighting-pole-rules.png"
alt="قواعد اعمدة انارة"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">قواعد اعمدة انارة</h3>
</div>
</a>
</div>
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/hollow-core" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF8733K2Y/hollow-core.PNG"
alt="الهولوكور"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">الهولوكور</h3>
</div>
</a>
</div>
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/planting-basins" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0E8D3ECD/planting-basins.png"
alt="احواض زرع خرسانية"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">احواض زرع خرسانية</h3>
</div>
</a>
</div>
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/wheel-stopper" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF253ECE/wheel-stopper.png"
alt="مصدات سيارات"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">مصدات سيارات</h3>
</div>
</a>
</div>
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/marble-planting-basins" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF6E6S/e7ac06066db2e4d9ab9b1ad8886e8ca8.jpg"
alt="احواض زرع رخام"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">احواض زرع رخام</h3>
</div>
</a>
</div>
<div style="flex: 0 0 220px; height: 160px; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<a href="https://youmats.com/precast-concrete/concrete-manhole" style="display: block; width: 100%; height: 100%; position: relative;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YAAE23ECF/concrete-manhole.png"
alt="غرف تفتيش خرسانية"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
<div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.9)); padding: 30px 15px 15px 15px;">
<h3 style="color: white; font-size: 16px; font-weight: 700; margin: 0; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,1);">غرف تفتيش خرسانية</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">مضخات حريق</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y5BD11E7P/conversions/Fire-Pumps-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">مضخات حريق</h3>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-750-gbm-rated-net-pressure-10-bar-597/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y388B14U3/conversions/HEBA15-size_150_150.webp" alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 750 جالون / دقيقة الضغط 10 بار" loading="lazy">
<div><h6>مضخات حريق هبة مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1500-gbm-rated-net-pressure-7-bar-218/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66EE14V4/conversions/HEBA15-size_150_150.webp" alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 7 بار" loading="lazy">
<div><h6>مضخات حريق هبة مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-500-gpm-rated-net-pressure-7-bar-475/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y252714VY/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة الضغط 7 بار" loading="lazy">
<div><h6>مضخات حريق هبه مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-200-gpm-rated-net-pressure-6-bar-866/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y12E214UT/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 200 جالون/ الدقيقة الضغط 6 بار" loading="lazy">
<div><h6>مضخات حريق هبه مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-300-gpm-rated-net-pressure-8-bar-210/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y888E14VU/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 300 جالون/ الدقيقة الضغط 8 بار" loading="lazy">
<div><h6>مضخات حريق هبه مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1000-gbm-rated-net-pressure-10-bar-487/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y261614US/conversions/HEBA15-size_150_150.webp" alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1000 جالون / دقيقة الضغط 10 بار" loading="lazy">
<div><h6>مضخات حريق هبة مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-150-gpm-rated-net-pressure-10-bar-362/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y58BB14TZ/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 150 جالون/ الدقيقة الضغط 10 بار" loading="lazy">
<div><h6>مضخات حريق هبه مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-200-gpm-rated-net-pressure-8-bar-586/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y8FEB14UV/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 200 جالون/ الدقيقة الضغط 8 بار" loading="lazy">
<div><h6>مضخات حريق هبه مصنوعه من صب ح...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5BD11E7P/conversions/Fire-Pumps-size_200_300.webp"
alt="شاهد جميع منتجات مضخات حريق"
title="مضخات حريق" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-750-gbm-rated-net-pressure-10-bar-597/i" class="modern-compact-title-link">
مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 750 جالون / دقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-750-gbm-rated-net-pressure-10-bar-597/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y388B14U3/conversions/HEBA15-size_150_150.webp"
alt="مضخات حريق 750 جالون"
title="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 750 جالون / دقيقة الضغط 10 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1500-gbm-rated-net-pressure-7-bar-218/i" class="modern-compact-title-link">
مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1500-gbm-rated-net-pressure-7-bar-218/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66EE14V4/conversions/HEBA15-size_150_150.webp"
alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 7 بار"
title="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 7 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-500-gpm-rated-net-pressure-7-bar-475/i" class="modern-compact-title-link">
مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-500-gpm-rated-net-pressure-7-bar-475/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y252714VY/conversions/Heba-Pump-size_150_150.webp"
alt="مضخات حريق هبه 500 جالون"
title="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة الضغط 7 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-200-gpm-rated-net-pressure-6-bar-866/i" class="modern-compact-title-link">
مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 200 جالون/ الدقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-200-gpm-rated-net-pressure-6-bar-866/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y12E214UT/conversions/Heba-Pump-size_150_150.webp"
alt="مضخات حريق هبه 200 جالون"
title="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 200 جالون/ الدقيقة الضغط 6 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-300-gpm-rated-net-pressure-8-bar-210/i" class="modern-compact-title-link">
مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 300 جالون/ الدقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-300-gpm-rated-net-pressure-8-bar-210/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y888E14VU/conversions/Heba-Pump-size_150_150.webp"
alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 300 جالون/ الدقيقة الضغط 8 بار"
title="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 300 جالون/ الدقيقة الضغط 8 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1000-gbm-rated-net-pressure-10-bar-487/i" class="modern-compact-title-link">
مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1000 جالون / دقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-heba-made-of-cast-iron-rated-capacity-1000-gbm-rated-net-pressure-10-bar-487/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y261614US/conversions/HEBA15-size_150_150.webp"
alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1000 جالون / دقيقة الضغط 10 بار"
title="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1000 جالون / دقيقة الضغط 10 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">خزانات مياه</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/plumbing/water-tanks" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y7D4B1458/conversions/Water-Tanks-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">خزانات مياه</h3>
<a href="https://youmats.com/plumbing/water-tanks" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/aaoamh-khzan" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y4C0B1CFX/Tank-buoy.jpeg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">عوامه خزان</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/plumbing/water-tanks/vertical-water-pressure-tank-supported-by-legs-capacity-60-liter-blue-color-pressure-16-bar-diameter-350-mm-height-800-mm-830/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y98EE8NAE/conversions/WhatsApp-Image-2025-05-20-at-1.59.38-PM-size_150_150.webp" alt="خزان ضغط مياه عمودي مدعوم بأرجل سعة 60 لتر، لون ازرق، ضغط 16 بار، قطر 350 مم، ارتفاع 800 مم" loading="lazy">
<div><h6>خزان ضغط مياه عمودي مدعوم بأرج...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-qemah-underground-made-of-fiber-glass-with-capacity-75000-liter-length-7.85-meter-width-3.50-meter-height-3.60-meter-156/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y899E1QEN/conversions/Al-Qemah-Water-Tank-Underground-size_150_150.webp" alt="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 75000 لتر" loading="lazy">
<div><h6>خزان مياه القمة دفان تحت الارض...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-3000-liters/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y907429HD/conversions/marjan-horizontal-water-tank-size_150_150.webp" alt="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 3000 لتر قطر 121 الطول 284 سم" loading="lazy">
<div><h6>خزان مياه مرجان افقى مصنوع من...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-6000-liter/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD5FE141W/conversions/Al-Muhaideb-size_150_150.webp" alt="خزان مياه من شركة الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 6000 لتر " loading="lazy">
<div><h6>خزان مياه من شركة الوطني المهي...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-vertical-with-capacity-1000-liter-long-size-length-99-width-123-cm-208/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA61D181B/conversions/Zamil3-size_150_150.webp" alt="خزان مياه العربية عمودى مصنوع من البولى ايثيلين سعة 1000 لتر طويل مقاس 99 × 123 سم" loading="lazy">
<div><h6>خزان مياه العربية عمودى مصنوع...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-100000-liter/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9294145X/conversions/Al-Muhaideb-size_150_150.webp" alt="خزان مياه الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 100000 لتر " loading="lazy">
<div><h6>خزان مياه الوطني المهيدب افقى...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/vertical-water-tank-without-mounting-legs-capacity-36-ltr-pressure-16-bar-diameter-350-mm-height-440-mm-red-color-945/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/407946/conversions/WhatsApp-Image-2025-06-10-at-18.05.17_b554ca0a-size_150_150.webp" alt="خزان مياه رأسي بدون أرجل تثبيت سعة 36 لتر، ضغط 16 بار، قطر 350 مم، ارتفاع 440 مم، لون احمر" loading="lazy">
<div><h6>خزان مياه رأسي بدون أرجل تثبيت...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-underground-with-capacity-30000-liter-557/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YCCC117YD/conversions/Arabia1-size_150_150.webp" alt="خزان مياه العربية دفان تحت الارض من البولى ايثيلين سعة 30000 لتر" loading="lazy">
<div><h6>خزان مياه العربية دفان تحت ال...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/plumbing/water-tanks" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7D4B1458/conversions/Water-Tanks-size_200_300.webp"
alt="شاهد جميع منتجات خزانات مياه"
title="خزان مياه عمودي" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/vertical-water-pressure-tank-supported-by-legs-capacity-60-liter-blue-color-pressure-16-bar-diameter-350-mm-height-800-mm-830/i" class="modern-compact-title-link">
خزان ضغط مياه عمودي مدعوم بأرجل سعة 60 لتر، لون ازرق، ضغط 16 بار،...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/vertical-water-pressure-tank-supported-by-legs-capacity-60-liter-blue-color-pressure-16-bar-diameter-350-mm-height-800-mm-830/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y98EE8NAE/conversions/WhatsApp-Image-2025-05-20-at-1.59.38-PM-size_150_150.webp"
alt="خزان ضغط مياه عمودي مدعوم بأرجل سعة 60 لتر، لون ازرق، ضغط 16 بار، قطر 350 مم، ارتفاع 800 مم"
title="خزان ضغط مياه عمودي مدعوم بأرجل سعة 60 لتر، لون ازرق، ضغط 16 بار، قطر 350 مم، ارتفاع 800 مم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-qemah-underground-made-of-fiber-glass-with-capacity-75000-liter-length-7.85-meter-width-3.50-meter-height-3.60-meter-156/i" class="modern-compact-title-link">
خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 75000 لتر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-qemah-underground-made-of-fiber-glass-with-capacity-75000-liter-length-7.85-meter-width-3.50-meter-height-3.60-meter-156/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y899E1QEN/conversions/Al-Qemah-Water-Tank-Underground-size_150_150.webp"
alt="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 75000 لتر"
title="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 75000 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-3000-liters/i" class="modern-compact-title-link">
خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 3000 لتر قطر 121...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-3000-liters/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y907429HD/conversions/marjan-horizontal-water-tank-size_150_150.webp"
alt="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 3000 لتر قطر 121 الطول 284 سم"
title="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 3000 لتر قطر 121 الطول 284 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-6000-liter/i" class="modern-compact-title-link">
خزان مياه من شركة الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 60...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-6000-liter/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YD5FE141W/conversions/Al-Muhaideb-size_150_150.webp"
alt="خزان ماء 6000 لتر"
title="خزان مياه من شركة الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 6000 لتر "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-vertical-with-capacity-1000-liter-long-size-length-99-width-123-cm-208/i" class="modern-compact-title-link">
خزان مياه العربية عمودى مصنوع من البولى ايثيلين سعة 1000 لتر طويل...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-vertical-with-capacity-1000-liter-long-size-length-99-width-123-cm-208/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YA61D181B/conversions/Zamil3-size_150_150.webp"
alt="خزان مياه عمودى 1000 لتر"
title="خزان مياه العربية عمودى مصنوع من البولى ايثيلين سعة 1000 لتر طويل مقاس 99 × 123 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-100000-liter/i" class="modern-compact-title-link">
خزان مياه الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 100000 لتر...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidab-fiberglass-horizontal-water-tank-with-capacity-100000-liter/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9294145X/conversions/Al-Muhaideb-size_150_150.webp"
alt="خزان ماء 100000 لتر فايبر جلاس"
title="خزان مياه الوطني المهيدب افقى مصنوع من فايبر جلاس سعة 100000 لتر "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">الواح شينكو</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/iron-product/corrugated-sheet" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YB5DD6X/conversions/5a7e394c7b9808b957e6d3d6115c49aa-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">الواح شينكو</h3>
<a href="https://youmats.com/iron-product/corrugated-sheet" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-zincor-sheet-colorful-metallic/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y68B812RY/conversions/149d184129f9802f6e7bfcc444cda680-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] ملونه" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-brown-color-764/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YED8138RH/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%288%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون بني" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-06-mm-length-6-meter-white-color-184/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0D1A37RA/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 6 متر لون ابيض" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-3-meter-gray-color-833/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBA2437RG/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 3 متر لون رمادي" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-sheet-shinko-zinc-thickness-035mm150mtr/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7A8912S9/conversions/2aafbc2a3fa873693a370c0c563dfaf2-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.35مم - 1.50 متر" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-green-color-623/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y461A38DG/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%285%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون اخضر" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-3-meter-white-color-240/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y442537NA/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 3 متر لون ابيض" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-032-mm-length-2-meter-green-color-867/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y01F338AN/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%285%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.32 مم طول 2 متر لون اخضر" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YB5DD6X/conversions/5a7e394c7b9808b957e6d3d6115c49aa-size_200_300.webp"
alt="شاهد جميع منتجات الواح شينكو"
title="الواح شينكو معدنية" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-zincor-sheet-colorful-metallic/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] ملونه
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-zincor-sheet-colorful-metallic/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y68B812RY/conversions/149d184129f9802f6e7bfcc444cda680-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] ملونه"
title="الواح شينكو معدنية [شينكو زنك] ملونه"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-brown-color-764/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون بني
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-brown-color-764/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YED8138RH/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%288%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون بني"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون بني"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-06-mm-length-6-meter-white-color-184/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 6 متر لون ابيض
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-06-mm-length-6-meter-white-color-184/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0D1A37RA/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 6 متر لون ابيض"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 6 متر لون ابيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-3-meter-gray-color-833/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 3 متر لون رمادي
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-3-meter-gray-color-833/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YBA2437RG/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 3 متر لون رمادي"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 3 متر لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-sheet-shinko-zinc-thickness-035mm150mtr/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.35مم - 1.50 متر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-sheet-shinko-zinc-thickness-035mm150mtr/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7A8912S9/conversions/2aafbc2a3fa873693a370c0c563dfaf2-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.35مم - 1.50 متر"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.35مم - 1.50 متر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-green-color-623/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون اخضر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-5-meter-green-color-623/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y461A38DG/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%285%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون اخضر"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 5 متر لون اخضر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">المواسير ووصلات السباكة</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/plumbing/pipe-and-fittings" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YCA0A1341/conversions/51vp8ohsycL-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">المواسير ووصلات السباكة</h3>
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/pvc-pipes-and-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YDB4713YR/PVC-pipes.webp'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير PVC وملحقاتها</h5>
</a>
<a href="/category/upvc-pipe-and-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y33FA13YW/UPVC-Pipes.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير UPVC وملحقاتها</h5>
</a>
<a href="/category/hdpe-pipes-and-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y706913Z0/HDPE-Pipes.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير HDPE وملحقاتها</h5>
</a>
<a href="/category/ppr-pipes-and-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y3BDB13Z4/PPR-heat-pipes.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير ppr الحرارية وملحقاتها</h5>
</a>
<a href="/category/cpvc-pipe-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YDD3C13Z8/CPVC-pipes.webp'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير CPVC وملحقاتها</h5>
</a>
<a href="/category/grp-pipes-and-fittings" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y2ADC2OBM/grp-pipe.PNG'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">مواسير GRP وملحقاتها</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-polyethylene-hdpe-plastic-pipes-pe-100-size-909-mm-black-color-10-bar-pressure-union-pipes-factory-151/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9C905QNT/conversions/1-size_150_150.webp" alt="أنابيب بلاستيك HDPEبولي ايثيلين عالي الكثافة [PE 100] ، مقاس 90 مم، لون أسود، ضغط 10 بار | مصنع الاتحاد للأنابيب" loading="lazy">
<div><h6>أنابيب بلاستيك HDPEبولي ايثيلي...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-al-rajhi-db-60-size-2-inch-thickness-152-mm-gray-colour-315/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6C8823F9/conversions/pipes-al-rajhi-upvc-size_150_150.webp" alt="مواسير UPVC الراجحي DB 60 مقاس 2 إنش سمك 1.52 مم لون رمادي" loading="lazy">
<div><h6>مواسير UPVC الراجحي DB 60 مق...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-tee/high-density-polyethylene-tee-size-500-mm-sdr-21-black-color-upi-factory-684/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0EB96DOM/conversions/WhatsApp-Image-2024-12-07-at-12.07.30-AM%281%29-size_150_150.webp" alt="قسام بولي ايثيلين عالي الكثافة، مقاس 500 مم [SDR 21]، لون أسود، مصنع UPI" loading="lazy">
<div><h6>قسام بولي ايثيلين عالي الكثافة...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/al-jawdah-hdpe-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-black-532/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBB932DVM/conversions/HDPE-Pipes-Jawdah-size_150_150.webp" alt="مواسير HDPE الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اسود" loading="lazy">
<div><h6>مواسير HDPE الجودة SDR 11 ق...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/hdpe-plastic-pipe-size-250-mm-sdr-11-thickness-227-mm-black-color-cosmoplast-771/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4B176W41/conversions/WhatsApp-Image-2024-12-18-at-1.00.18-PM-size_150_150.webp" alt="انابيب بلاستيك HDPE مقاس 250 مم [SDR 11]، سمك 22.7 مم، لون اسود | كوزمو بلاست" loading="lazy">
<div><h6>انابيب بلاستيك HDPE مقاس 250 م...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/ppr-pipes-and-fittings/ppr-pipes/al-jawdah-ppr-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-green-157/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5C772BUW/conversions/PPR-size_150_150.webp" alt="انابيب PPR الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اخضر" loading="lazy">
<div><h6>انابيب PPR الجودة SDR 11 قطر خ...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-rj-pipes-size-250-mm-sdr-26-pressure-10-bar-gray-color-saudi-industries-for-pipes-813/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y35AD725K/conversions/Plastic-rubber-Pipe-size_150_150.webp" alt="انابيب ربر بلاستيك UPVC مقاس 250 مم، SDR 26، ضغط 10 بار، لون رمادي | الصناعات السعودية للانابيب " loading="lazy">
<div><h6>انابيب ربر بلاستيك UPVC مقاس 2...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/grp-pipes-and-fittings/grp-flanges/grp-puddle-flange-dn-350-mm-od-540-mm-class-150-no-of-holes-12-mm-hepco-company-983/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2FE52R41/conversions/Puddle-Flange2-size_150_150.webp" alt="فلنجة جي ار بي للجدران الخرسانية قطر داخلي 350 مم قطر خارجي 540 مم كلاس 150 عدد الفتحات 12 مم شركة هيبكو" loading="lazy">
<div><h6>فلنجة جي ار بي للجدران الخرسان...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YCA0A1341/conversions/51vp8ohsycL-size_200_300.webp"
alt="شاهد جميع منتجات المواسير ووصلات السباكة"
title="المواسير ووصلات السباكة" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-polyethylene-hdpe-plastic-pipes-pe-100-size-909-mm-black-color-10-bar-pressure-union-pipes-factory-151/i" class="modern-compact-title-link">
أنابيب بلاستيك HDPEبولي ايثيلين عالي الكثافة [PE 100] ، مقاس 90 م...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-polyethylene-hdpe-plastic-pipes-pe-100-size-909-mm-black-color-10-bar-pressure-union-pipes-factory-151/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9C905QNT/conversions/1-size_150_150.webp"
alt="أنابيب بلاستيك HDPEبولي ايثيلين عالي الكثافة [PE 100] ، مقاس 90 مم، لون أسود، ضغط 10 بار | مصنع الاتحاد للأنابيب"
title="أنابيب بلاستيك HDPEبولي ايثيلين عالي الكثافة [PE 100] ، مقاس 90 مم، لون أسود، ضغط 10 بار | مصنع الاتحاد للأنابيب"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-al-rajhi-db-60-size-2-inch-thickness-152-mm-gray-colour-315/i" class="modern-compact-title-link">
مواسير UPVC الراجحي DB 60 مقاس 2 إنش سمك 1.52 مم لون رمادي
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-al-rajhi-db-60-size-2-inch-thickness-152-mm-gray-colour-315/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6C8823F9/conversions/pipes-al-rajhi-upvc-size_150_150.webp"
alt="مواسير UPVC الراجحي DB 60 مقاس 2 إنش سمك 1.52 مم لون رمادي"
title="مواسير UPVC الراجحي DB 60 مقاس 2 إنش سمك 1.52 مم لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-tee/high-density-polyethylene-tee-size-500-mm-sdr-21-black-color-upi-factory-684/i" class="modern-compact-title-link">
قسام بولي ايثيلين عالي الكثافة، مقاس 500 مم [SDR 21]، لون أسود،...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-tee/high-density-polyethylene-tee-size-500-mm-sdr-21-black-color-upi-factory-684/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0EB96DOM/conversions/WhatsApp-Image-2024-12-07-at-12.07.30-AM%281%29-size_150_150.webp"
alt="قسام بولي ايثيلين عالي الكثافة، مقاس 500 مم [SDR 21]، لون أسود، مصنع UPI"
title="قسام بولي ايثيلين عالي الكثافة، مقاس 500 مم [SDR 21]، لون أسود، مصنع UPI"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/al-jawdah-hdpe-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-black-532/i" class="modern-compact-title-link">
مواسير HDPE الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اسو...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/al-jawdah-hdpe-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-black-532/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YBB932DVM/conversions/HDPE-Pipes-Jawdah-size_150_150.webp"
alt="مواسير HDPE الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اسود"
title="مواسير HDPE الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اسود"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/hdpe-plastic-pipe-size-250-mm-sdr-11-thickness-227-mm-black-color-cosmoplast-771/i" class="modern-compact-title-link">
انابيب بلاستيك HDPE مقاس 250 مم [SDR 11]، سمك 22.7 مم، لون اسود |...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/hdpe-plastic-pipe-size-250-mm-sdr-11-thickness-227-mm-black-color-cosmoplast-771/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4B176W41/conversions/WhatsApp-Image-2024-12-18-at-1.00.18-PM-size_150_150.webp"
alt="انابيب بلاستيك HDPE مقاس 250 مم [SDR 11]، سمك 22.7 مم، لون اسود | كوزمو بلاست"
title="انابيب بلاستيك HDPE مقاس 250 مم [SDR 11]، سمك 22.7 مم، لون اسود | كوزمو بلاست"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/ppr-pipes-and-fittings/ppr-pipes/al-jawdah-ppr-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-green-157/i" class="modern-compact-title-link">
انابيب PPR الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اخضر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/ppr-pipes-and-fittings/ppr-pipes/al-jawdah-ppr-pipes-sdr-11-outside-diameter-250-mm-thickness-227-mm-color-green-157/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5C772BUW/conversions/PPR-size_150_150.webp"
alt="انابيب PPR الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اخضر"
title="انابيب PPR الجودة SDR 11 قطر خارجي 250 مم سمك 22.7 مم لون اخضر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">طفايات الحريق</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YEF2215UM/conversions/encyclopedia-%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%B7%D9%81%D8%A7%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AD%D8%B1%D9%8A%D9%82-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">طفايات الحريق</h3>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-halotron-alsafi-model-hlt4-capacity-4-kg-portable-714/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YDAF012Y0/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp" alt="طفايات حريق هالترون الصافي موديل HLT4 السعه 4 كجم متنقل " loading="lazy">
<div><h6>طفايات حريق هالترون الصافي مود...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-sffeco-model-sfm-35-capacity-35-kg-automatic-520/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y801922TJ/conversions/Modular-Clean-Agent-Fire-Extinguishers-size_150_150.webp" alt="طفايات حريق سفيكو موديل SFM 35 سعة 35 كجم اتوماتيك" loading="lazy">
<div><h6>طفايات حريق سفيكو موديل SFM...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/foam-fire-extinguishers-naffco-model-nf-9x-capacity-9-liter-portable-266/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y76F123BZ/conversions/Portable-Foam-Fire-Extinguishers-CE--Marine-Approved-size_150_150.webp" alt="طفاية حريق رغوه نافكو موديل NF 9X سعة 9 لتر محمول معتمدة من Marine" loading="lazy">
<div><h6>طفاية حريق رغوه نافكو موديل N...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pdc10-capacity-10-kg-portable-695/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y71CDS0D/conversions/WhatsApp-Image-2022-11-30-at-2.25.10-PM-size_150_150.webp" alt="طفايات حريق بودره الصافي موديل PDC10 السعه 10 كجم متنقل " loading="lazy">
<div><h6>طفايات حريق بودره الصافي موديل...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tfc50-capacity-50-ltr-mobile-614/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2D2812TJ/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp" alt="طفايات حريق فوم الصافي موديل TFC50 السعه 50 لتر محمول " loading="lazy">
<div><h6>طفايات حريق فوم الصافي موديل T...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pd10matic-capacity-10-kg-automatics-900/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF73912U2/conversions/photo_2022-11-30_17-03-27-size_150_150.webp" alt="طفايات حريق بودره الصافي موديل PD10MATIC السعه 10 كجم اتوماتيك " loading="lazy">
<div><h6>طفايات حريق بودره الصافي موديل...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-sffeco-model-pdb5-capacity-5-kg-portable-866/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y086C22M6/conversions/Fire-Extinguishers-size_150_150.webp" alt="طفايات حريق بودره سفيكو موديل PDB5 سعة 5 كجم محمول" loading="lazy">
<div><h6>طفايات حريق بودره سفيكو موديل...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/dry-powder-fire-extinguishers-naffco-model-np12-capacity-12-kg-portable-lpcb-approved-207/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y76CF23JX/conversions/Portable-Dry-Powder-Fire-Extinguishers---BSI--LPCB-Approved-size_150_150.webp" alt="طفاية حريق بودره نافكو موديل NP12 سعة 12 كجم محمول معتمدة من LPCB" loading="lazy">
<div><h6>طفاية حريق بودره نافكو موديل...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF2215UM/conversions/encyclopedia-%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%B7%D9%81%D8%A7%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AD%D8%B1%D9%8A%D9%82-size_200_300.webp"
alt="شاهد جميع منتجات طفايات الحريق"
title="طفايات الحريق" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-halotron-alsafi-model-hlt4-capacity-4-kg-portable-714/i" class="modern-compact-title-link">
طفايات حريق هالترون الصافي موديل HLT4 السعه 4 كجم متنقل
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-halotron-alsafi-model-hlt4-capacity-4-kg-portable-714/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YDAF012Y0/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp"
alt="طفايات حريق هالترون الصافي موديل HLT4 السعه 4 كجم متنقل "
title="طفايات حريق هالترون الصافي موديل HLT4 السعه 4 كجم متنقل "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-sffeco-model-sfm-35-capacity-35-kg-automatic-520/i" class="modern-compact-title-link">
طفايات حريق سفيكو موديل SFM 35 سعة 35 كجم اتوماتيك
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-sffeco-model-sfm-35-capacity-35-kg-automatic-520/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y801922TJ/conversions/Modular-Clean-Agent-Fire-Extinguishers-size_150_150.webp"
alt="طفايات حريق سفيكو موديل SFM 35 سعة 35 كجم اتوماتيك"
title="طفايات حريق سفيكو موديل SFM 35 سعة 35 كجم اتوماتيك"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/foam-fire-extinguishers-naffco-model-nf-9x-capacity-9-liter-portable-266/i" class="modern-compact-title-link">
طفاية حريق رغوه نافكو موديل NF 9X سعة 9 لتر محمول معتمدة من Ma...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/foam-fire-extinguishers-naffco-model-nf-9x-capacity-9-liter-portable-266/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y76F123BZ/conversions/Portable-Foam-Fire-Extinguishers-CE--Marine-Approved-size_150_150.webp"
alt="طفاية حريق رغوه نافكو موديل NF 9X سعة 9 لتر محمول معتمدة من Marine"
title="طفاية حريق رغوه نافكو موديل NF 9X سعة 9 لتر محمول معتمدة من Marine"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pdc10-capacity-10-kg-portable-695/i" class="modern-compact-title-link">
طفايات حريق بودره الصافي موديل PDC10 السعه 10 كجم متنقل
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pdc10-capacity-10-kg-portable-695/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y71CDS0D/conversions/WhatsApp-Image-2022-11-30-at-2.25.10-PM-size_150_150.webp"
alt="طفايات حريق بودره الصافي موديل PDC10 السعه 10 كجم متنقل "
title="طفايات حريق بودره الصافي موديل PDC10 السعه 10 كجم متنقل "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tfc50-capacity-50-ltr-mobile-614/i" class="modern-compact-title-link">
طفايات حريق فوم الصافي موديل TFC50 السعه 50 لتر محمول
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tfc50-capacity-50-ltr-mobile-614/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2D2812TJ/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp"
alt="طفايات حريق فوم الصافي موديل TFC50 السعه 50 لتر محمول "
title="طفايات حريق فوم الصافي موديل TFC50 السعه 50 لتر محمول "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pd10matic-capacity-10-kg-automatics-900/i" class="modern-compact-title-link">
طفايات حريق بودره الصافي موديل PD10MATIC السعه 10 كجم اتوماتيك
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-alsafi-model-pd10matic-capacity-10-kg-automatics-900/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF73912U2/conversions/photo_2022-11-30_17-03-27-size_150_150.webp"
alt="طفايات حريق بودره الصافي موديل PD10MATIC السعه 10 كجم اتوماتيك "
title="طفايات حريق بودره الصافي موديل PD10MATIC السعه 10 كجم اتوماتيك "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">أضاءة الاسقف</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/electrical/lighting/ceiling-lights" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y38951A09/conversions/ceiling-lights-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">أضاءة الاسقف</h3>
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/spotlights" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YC33518BA/Spotlights-Led.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">سبوت لايت ليد</h5>
</a>
<a href="/category/lighting-unit" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YA99018DN/1427799977_80.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">وحدات انارة</h5>
</a>
<a href="/category/track-light" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YE5C46VMT/track-light.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">تراك لايت</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/t8-prismatic-light-unit-transparent-color-2x18-watt-220-volt-450/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC3207IJO/conversions/1-size_150_150.webp" alt="وحدة إنارة سقفية بريزماتك T8، لون شفاف، قدرة 2×18 وات، 220 فولت" loading="lazy">
<div><h6>وحدة إنارة سقفية بريزماتك T8،...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y22E27E20/conversions/0000-size_150_150.webp" alt="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن" loading="lazy">
<div><h6>مصباح داونلايت، 10 واط ، حجم ا...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/glinty-recessed-size-6060-cm-round-40w-4400-lumen-aluminum-with-metal-cover-backside-908/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y99EE18UY/conversions/Lightining-units-2-size_150_150.webp" alt="وحدة انارة ليد غاطس جلنتي 40 واط 4400 لومن مقاس 60×60 سم لون الاضاءة أصفر" loading="lazy">
<div><h6>وحدة انارة ليد غاطس جلنتي 40 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/Recessed-round-led-panel-light-nasco-5-watt-330-lumen-3-inch-color-temperature-white-391/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y28FA1YL4/conversions/panel-led-size_150_150.webp" alt="انارة ليد سقفية دائرية غاطسة ناسكو 5 واط 330 لومن 3 انش لون الاضاءة أبيض" loading="lazy">
<div><h6>انارة ليد سقفية دائرية غاطسة ن...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEC747FZY/conversions/1802-s-size_150_150.webp" alt="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود" loading="lazy">
<div><h6>داونلايت فيجو ليد مانع للتوهج...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/surface-mounted-led-panel-light-alraed-24w-2400-lumen-color-temperature-white-847/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y61A71A4H/conversions/Led-panel-light-al-raed-size_150_150.webp" alt="لوحات انارة ليد سقفية بارزة الرائد 24 واط 2400 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>لوحات انارة ليد سقفية بارزة ال...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/recessed-backlit-led-panel-alfanar-44w-3960-lumen-size-6060-cm-color-temperature-white-608/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0D361A20/conversions/Backlit-Panel-%2860x60%29-size_150_150.webp" alt="لوحات انارة ليد سقفية سميكة غاطس الفنار 44 واط 3960 لومن 60×60 سم الضوء أبيض" loading="lazy">
<div><h6>لوحات انارة ليد سقفية سميكة غا...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-12-watt-1200-lumen-color-temperature-warm-337/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66131YK1/conversions/COB-DOWN-LIGHT-size_150_150.webp" alt="سبوت لايت ليد كشاف سطحي دائري غاطس الاضواء الشاملة 12 واط 1200 لومن لون الاضاءة أبيض " loading="lazy">
<div><h6>سبوت لايت ليد كشاف سطحي دائري...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y38951A09/conversions/ceiling-lights-size_200_300.webp"
alt="شاهد جميع منتجات أضاءة الاسقف"
title="اضاءة سقف" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/t8-prismatic-light-unit-transparent-color-2x18-watt-220-volt-450/i" class="modern-compact-title-link">
وحدة إنارة سقفية بريزماتك T8، لون شفاف، قدرة 2×18 وات، 220 فولت
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/t8-prismatic-light-unit-transparent-color-2x18-watt-220-volt-450/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YC3207IJO/conversions/1-size_150_150.webp"
alt="وحدة إنارة سقفية بريزماتك T8، لون شفاف، قدرة 2×18 وات، 220 فولت"
title="وحدة إنارة سقفية بريزماتك T8، لون شفاف، قدرة 2×18 وات، 220 فولت"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="modern-compact-title-link">
مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y22E27E20/conversions/0000-size_150_150.webp"
alt="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن"
title="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/glinty-recessed-size-6060-cm-round-40w-4400-lumen-aluminum-with-metal-cover-backside-908/i" class="modern-compact-title-link">
وحدة انارة ليد غاطس جلنتي 40 واط 4400 لومن مقاس 60×60 سم لون الاض...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/glinty-recessed-size-6060-cm-round-40w-4400-lumen-aluminum-with-metal-cover-backside-908/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y99EE18UY/conversions/Lightining-units-2-size_150_150.webp"
alt="وحدة انارة ليد غاطس جلنتي 40 واط 4400 لومن مقاس 60×60 سم لون الاضاءة أصفر"
title="وحدة انارة ليد غاطس جلنتي 40 واط 4400 لومن مقاس 60×60 سم لون الاضاءة أصفر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/Recessed-round-led-panel-light-nasco-5-watt-330-lumen-3-inch-color-temperature-white-391/i" class="modern-compact-title-link">
انارة ليد سقفية دائرية غاطسة ناسكو 5 واط 330 لومن 3 انش لون الاضا...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/Recessed-round-led-panel-light-nasco-5-watt-330-lumen-3-inch-color-temperature-white-391/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y28FA1YL4/conversions/panel-led-size_150_150.webp"
alt="انارة ليد سقفية دائرية غاطسة ناسكو 5 واط 330 لومن 3 انش لون الاضاءة أبيض"
title="انارة ليد سقفية دائرية غاطسة ناسكو 5 واط 330 لومن 3 انش لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="modern-compact-title-link">
داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YEC747FZY/conversions/1802-s-size_150_150.webp"
alt="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود"
title="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/surface-mounted-led-panel-light-alraed-24w-2400-lumen-color-temperature-white-847/i" class="modern-compact-title-link">
لوحات انارة ليد سقفية بارزة الرائد 24 واط 2400 لومن لون الاضاءة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/lighting-unit/surface-mounted-led-panel-light-alraed-24w-2400-lumen-color-temperature-white-847/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y61A71A4H/conversions/Led-panel-light-al-raed-size_150_150.webp"
alt="لوحات انارة ليد سقفية بارزة الرائد 24 واط 2400 لومن لون الاضاءة أبيض"
title="لوحات انارة ليد سقفية بارزة الرائد 24 واط 2400 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">الأخشاب</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/wood" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y2AD716G4/conversions/ps52204-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">الأخشاب</h3>
<a href="https://youmats.com/wood" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/mdf-wood" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y236D16FA/Screenshot_9-removebg-preview.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خشب ام دي اف</h5>
</a>
<a href="/category/beech-wood" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y614A16FO/european-beech-wood-removebg-preview.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خشب زان</h5>
</a>
<a href="/category/parquet-wood" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YEFD316FW/Screenshot_11.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خشب باركيه</h5>
</a>
<a href="/category/wood-substitute" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y6E6916G0/Screenshot_12.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">بديل الخشب</h5>
</a>
<a href="/category/block-board" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YE5A818DS/Block-Board.webp'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خشب لاتية</h5>
</a>
<a href="/category/meranti-wood" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YF64418DW/Meranti-Wood.webp'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">خشب ميرنتي</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/wood/wood-substitute/chinese-internal-wood-substitute-for-walls-size-1212290-mm-jp-31-palaces-for-decoration-company-637/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF4B32RFC/conversions/JP-31-size_150_150.webp" alt="بديل الخشب صيني للجدارن داخلي مقاس 12×1.2×290 مم JP-31 | شركة القصور للديكور" loading="lazy">
<div><h6>بديل الخشب صيني للجدارن داخلي...</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-8-inch-4-m-269/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF7371GAV/conversions/German-wood-size_150_150.webp" alt="خشب ابيض الماني مقاس 5.08 × 20.32 سم × 4 متر" loading="lazy">
<div><h6>خشب ابيض الماني مقاس 5.08 × 20...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/synthetic-decorative-wood-panel-brown-color-size-159x290-cm-model-159-090-822/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9DFE5HTU/conversions/5-size_150_150.webp" alt="لوح بديل خشب صناعي، لون رمادي فاتح، مقاس 15.9 × 290 سم، موديل 090-159" loading="lazy">
<div><h6>لوح بديل خشب صناعي، لون رمادي...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/flat-wood-alternative-thickness-9-mm-width-60-cm-height-290-m-beige-color-115/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4C2A72XZ/conversions/1-size_150_150.webp" alt="بديل خشب مسطح، سماكة 9 ملم، عرض 60 سم، ارتفاع 2.90 متر، لون بيج" loading="lazy">
<div><h6>بديل خشب مسطح، سماكة 9 ملم، عر...</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-7-inch-4-m-913/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA5BD1GAT/conversions/German-wood-size_150_150.webp" alt="خشب ابيض الماني مقاس 5.08 × 17.78 سم × 4 متر" loading="lazy">
<div><h6>خشب ابيض الماني مقاس 5.08 × 17...</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-35-295-cm-400-m-860/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1CD21J3C/conversions/German-white-wood-size_150_150.webp" alt="خشب ابيض الماني مقاس 3.5 × 29.5 سم × 4.00 متر" loading="lazy">
<div><h6>خشب ابيض الماني مقاس 3.5 × 29....</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-3-3-inch-4-m-741/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y25991GB1/conversions/German-wood-size_150_150.webp" alt="خشب ابيض الماني مقاس 7.62 × 7.62 سم × 4 متر" loading="lazy">
<div><h6>خشب ابيض الماني مقاس 7.62 × 7....</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-6-inch-4-m-274/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC2F71G4A/conversions/German-wood-size_150_150.webp" alt="خشب ابيض الماني مقاس 5.08 × 15.24 سم × 4 متر" loading="lazy">
<div><h6>خشب ابيض الماني مقاس 5.08 × 15...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/wood" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2AD716G4/conversions/ps52204-size_200_300.webp"
alt="شاهد جميع منتجات الأخشاب"
title="الأخشاب" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/wood-substitute/chinese-internal-wood-substitute-for-walls-size-1212290-mm-jp-31-palaces-for-decoration-company-637/i" class="modern-compact-title-link">
بديل الخشب صيني للجدارن داخلي مقاس 12×1.2×290 مم JP-31 | شركة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/wood-substitute/chinese-internal-wood-substitute-for-walls-size-1212290-mm-jp-31-palaces-for-decoration-company-637/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF4B32RFC/conversions/JP-31-size_150_150.webp"
alt="بديل الخشب صيني للجدارن داخلي مقاس 12×1.2×290 مم JP-31 | شركة القصور للديكور"
title="بديل الخشب صيني للجدارن داخلي مقاس 12×1.2×290 مم JP-31 | شركة القصور للديكور"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-8-inch-4-m-269/i" class="modern-compact-title-link">
خشب ابيض الماني مقاس 5.08 × 20.32 سم × 4 متر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-8-inch-4-m-269/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF7371GAV/conversions/German-wood-size_150_150.webp"
alt="خشب ابيض الماني مقاس 5.08 × 20.32 سم × 4 متر"
title="خشب ابيض الماني مقاس 5.08 × 20.32 سم × 4 متر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/wood-substitute/synthetic-decorative-wood-panel-brown-color-size-159x290-cm-model-159-090-822/i" class="modern-compact-title-link">
لوح بديل خشب صناعي، لون رمادي فاتح، مقاس 15.9 × 290 سم، موديل 090...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/wood-substitute/synthetic-decorative-wood-panel-brown-color-size-159x290-cm-model-159-090-822/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9DFE5HTU/conversions/5-size_150_150.webp"
alt="لوح بديل خشب صناعي، لون رمادي فاتح، مقاس 15.9 × 290 سم، موديل 090-159"
title="لوح بديل خشب صناعي، لون رمادي فاتح، مقاس 15.9 × 290 سم، موديل 090-159"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/wood-substitute/flat-wood-alternative-thickness-9-mm-width-60-cm-height-290-m-beige-color-115/i" class="modern-compact-title-link">
بديل خشب مسطح، سماكة 9 ملم، عرض 60 سم، ارتفاع 2.90 متر، لون بيج
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/wood-substitute/flat-wood-alternative-thickness-9-mm-width-60-cm-height-290-m-beige-color-115/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4C2A72XZ/conversions/1-size_150_150.webp"
alt="بديل خشب مسطح، سماكة 9 ملم، عرض 60 سم، ارتفاع 2.90 متر، لون بيج"
title="بديل خشب مسطح، سماكة 9 ملم، عرض 60 سم، ارتفاع 2.90 متر، لون بيج"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-7-inch-4-m-913/i" class="modern-compact-title-link">
خشب ابيض الماني مقاس 5.08 × 17.78 سم × 4 متر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-2-7-inch-4-m-913/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YA5BD1GAT/conversions/German-wood-size_150_150.webp"
alt="خشب ابيض الماني مقاس 5.08 × 17.78 سم × 4 متر"
title="خشب ابيض الماني مقاس 5.08 × 17.78 سم × 4 متر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-35-295-cm-400-m-860/i" class="modern-compact-title-link">
خشب ابيض الماني مقاس 3.5 × 29.5 سم × 4.00 متر
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/construction-timber/german-wood/white-german-wood/german-white-wood-size-35-295-cm-400-m-860/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1CD21J3C/conversions/German-white-wood-size_150_150.webp"
alt="خشب ابيض الماني مقاس 3.5 × 29.5 سم × 4.00 متر"
title="خشب ابيض الماني مقاس 3.5 × 29.5 سم × 4.00 متر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">سبوت لايت ليد</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YC33518BA/conversions/Spotlights-Led-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">سبوت لايت ليد</h3>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y22E27E20/conversions/0000-size_150_150.webp" alt="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن" loading="lazy">
<div><h6>مصباح داونلايت، 10 واط ، حجم ا...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEC747FZY/conversions/1802-s-size_150_150.webp" alt="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود" loading="lazy">
<div><h6>داونلايت فيجو ليد مانع للتوهج...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-12-watt-1200-lumen-color-temperature-warm-337/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66131YK1/conversions/COB-DOWN-LIGHT-size_150_150.webp" alt="سبوت لايت ليد كشاف سطحي دائري غاطس الاضواء الشاملة 12 واط 1200 لومن لون الاضاءة أبيض " loading="lazy">
<div><h6>سبوت لايت ليد كشاف سطحي دائري...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/small-gold-led-spotlight-3w-power-2-cm-depth-3-cm-outer-frame-711/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE1B66TWQ/conversions/760015-size_150_150.webp" alt="سبوت لايت ذهبي صغير، قدرة 3 وات، عمق 2 سم، الفريم الخارجي 3 سم" loading="lazy">
<div><h6>سبوت لايت ذهبي صغير، قدرة 3 وا...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-15w-1500-lumen-size-color-temperature-white-519/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB0001A10/conversions/recessed-downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الرائد 15 واط 1500 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الرائد 15 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/spotlight-size-72-mm-white-color-gu53-399/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6AC67NPK/conversions/1-size_150_150.webp" alt="سبوت لايت ، مقاس 72 مم، لون أبيض، GU5.3" loading="lazy">
<div><h6>سبوت لايت ، مقاس 72 مم، لون أب...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/surface-mounted-spotlights-led-glenty-8w-880-lumen-size-3-inch-color-temperature-day-light-173/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y774118R8/conversions/LED-size_150_150.webp" alt="كشاف ليد سبوت SMD بارز جلنتي 8 واط 880 لومن مقاس 3 إنش لون الاضاءة أصفر" loading="lazy">
<div><h6>كشاف ليد سبوت SMD بارز جلنتي 8...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/moveable-square-spot-light-al-adwaa-20-watt-2000-lumen-color-temperature-warm-662/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD8FB1ZN5/conversions/Moveable-Square-Spot-Light%C2%A0-size_150_150.webp" alt=" سبوت ليد لايت مربع متحرك الاضواء 20 واط 2000 لومن لون الاضاءة أصفر" loading="lazy">
<div><h6> سبوت ليد لايت مربع متحرك الا...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YC33518BA/conversions/Spotlights-Led-size_200_300.webp"
alt="شاهد جميع منتجات سبوت لايت ليد"
title="سبوت لايت ليد" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="modern-compact-title-link">
مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/downlight-illumination-10-watt-cutout-size-100-mm-white-light-900-lumen-170/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y22E27E20/conversions/0000-size_150_150.webp"
alt="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن"
title="مصباح داونلايت، 10 واط ، حجم الفتحة 100 مم، ضوء أصفر، 900 لومن"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="modern-compact-title-link">
داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/vigo-led-downlight-anti-glare-12w3000-kelvin100-mm-cutout-sizeblack-color-554/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YEC747FZY/conversions/1802-s-size_150_150.webp"
alt="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود"
title="داونلايت فيجو ليد مانع للتوهج 12 واط،3000 كلفن،مقاس الفتحة 100 مم،لون أسود"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-12-watt-1200-lumen-color-temperature-warm-337/i" class="modern-compact-title-link">
سبوت لايت ليد كشاف سطحي دائري غاطس الاضواء الشاملة 12 واط 1200...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-12-watt-1200-lumen-color-temperature-warm-337/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66131YK1/conversions/COB-DOWN-LIGHT-size_150_150.webp"
alt="سبوت لايت ليد كشاف سطحي دائري غاطس الاضواء الشاملة 12 واط 1200 لومن لون الاضاءة أبيض "
title="سبوت لايت ليد كشاف سطحي دائري غاطس الاضواء الشاملة 12 واط 1200 لومن لون الاضاءة أبيض "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/small-gold-led-spotlight-3w-power-2-cm-depth-3-cm-outer-frame-711/i" class="modern-compact-title-link">
سبوت لايت ذهبي صغير، قدرة 3 وات، عمق 2 سم، الفريم الخارجي 3 سم
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/small-gold-led-spotlight-3w-power-2-cm-depth-3-cm-outer-frame-711/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YE1B66TWQ/conversions/760015-size_150_150.webp"
alt="سبوت لايت ذهبي صغير، قدرة 3 وات، عمق 2 سم، الفريم الخارجي 3 سم"
title="سبوت لايت ذهبي صغير، قدرة 3 وات، عمق 2 سم، الفريم الخارجي 3 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-15w-1500-lumen-size-color-temperature-white-519/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الرائد 15 واط 1500 لومن لون الاضاءة أبيض
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-15w-1500-lumen-size-color-temperature-white-519/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YB0001A10/conversions/recessed-downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الرائد 15 واط 1500 لومن لون الاضاءة أبيض"
title="سبوت لايت ليد غاطس الرائد 15 واط 1500 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/spotlight-size-72-mm-white-color-gu53-399/i" class="modern-compact-title-link">
سبوت لايت ، مقاس 72 مم، لون أبيض، GU5.3
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/spotlight-size-72-mm-white-color-gu53-399/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6AC67NPK/conversions/1-size_150_150.webp"
alt="سبوت لايت ، مقاس 72 مم، لون أبيض، GU5.3"
title="سبوت لايت ، مقاس 72 مم، لون أبيض، GU5.3"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">مفاتيح كهرباء</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YBD391B0O/conversions/electric-switches-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">مفاتيح كهرباء</h3>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-2-gang-2-way-10-amp-alf-alfanar-size-77-cm-color-pearl-896/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA0D61BQE/conversions/AB301-Pearl-size_150_150.webp" alt="مفتاح كهرباء مزدوج دركسيون 10 امبير ألف ماركه الفنار مقاس 7×7 سم لون بيج " loading="lazy">
<div><h6>مفتاح كهرباء مزدوج دركسيون 10...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/curtain-switch-2-gang-10-amp-white-color-7x7cm-250v-sas126-tri-spectrum-169/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC8495GWS/conversions/Curtain-Switch1-size_150_150.webp" alt="مفتاح ستارة مزدوج 10 أمبير، لون ابيض، 7×7 سم، 250 فولت | سبكترا" loading="lazy">
<div><h6>مفتاح ستارة مزدوج 10 أمبير، لو...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-1-gang-1-way-10-amp-dimensions-7x7-cm-white-brand-abb-784/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41C57Y5Q/conversions/%D9%85%D9%86%D8%AA%D8%AC-18-size_150_150.webp" alt="مفتاح كهرباء مفرد 10 امبير، ابعاد 7×7 سم، أبيض، براند أي بي بي" loading="lazy">
<div><h6>مفتاح كهرباء مفرد 10 امبير، اب...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-4-gang-1-way-10-amp-size-7x7-cm-white-color-abb-brand-804/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0EBB7Y5A/conversions/%D9%85%D9%86%D8%AA%D8%AC-8-size_150_150.webp" alt="مفتاح كهرباء رباعي 10 امبير، مقاس 7×7 سم، لون أبيض، براند أي بي بي" loading="lazy">
<div><h6>مفتاح كهرباء رباعي 10 امبير، م...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-6-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-247/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC43E1CVF/conversions/Electrical-light-switch-6-gang-2-way--size_150_150.webp" alt="مفتاح كهرباء سداسي دريكسون 10 امبير أمنية الفنار مقاس 14×7 سم اللون ذهبى بحلقة ذهبى" loading="lazy">
<div><h6>مفتاح كهرباء سداسي دريكسون 10...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/20-amp-light-switch-2-gang-2-way-gold-color-7x7cm-250v-sas209-spectra-589/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEB355IQ6/conversions/Light-Switch7-size_150_150.webp" alt="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون ذهبي، 7×7 سم، 250 فولت، SAS209 | سبكترا" loading="lazy">
<div><h6>مفتاح انارة مزدوج اتجاهين 20 أ...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/motion-sensor-art-dna-e3-size-77-cm-white-color-45-100-watt-capacity-269/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41D07NSJ/conversions/2-size_150_150.webp" alt="حساس حركة، آرت دي إن أيه إي3، مقاس 7×7 سم، لون أبيض، بقدرة 45-100 واط" loading="lazy">
<div><h6>حساس حركة، آرت دي إن أيه إي3،...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/16a-3-gang-light-switch-dark-gray-86x86mm-250v-siemens-delta-arina-690/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YDF438OSY/conversions/332-size_150_150.webp" alt="مفتاح انارة ثلاثي 16 امبير، رمادي غامق، 86×86 مم، 250 فولت، ماركة سيمنز (دلتا أرينا)" loading="lazy">
<div><h6>مفتاح انارة ثلاثي 16 امبير، رم...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YBD391B0O/conversions/electric-switches-size_200_300.webp"
alt="شاهد جميع منتجات مفاتيح كهرباء"
title="مفاتيح كهرباء" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-2-gang-2-way-10-amp-alf-alfanar-size-77-cm-color-pearl-896/i" class="modern-compact-title-link">
مفتاح كهرباء مزدوج دركسيون 10 امبير ألف ماركه الفنار مقاس 7×7 س...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-2-gang-2-way-10-amp-alf-alfanar-size-77-cm-color-pearl-896/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YA0D61BQE/conversions/AB301-Pearl-size_150_150.webp"
alt="مفتاح كهرباء مزدوج دركسيون 10 امبير ألف ماركه الفنار مقاس 7×7 سم لون بيج "
title="مفتاح كهرباء مزدوج دركسيون 10 امبير ألف ماركه الفنار مقاس 7×7 سم لون بيج "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/curtain-switch-2-gang-10-amp-white-color-7x7cm-250v-sas126-tri-spectrum-169/i" class="modern-compact-title-link">
مفتاح ستارة مزدوج 10 أمبير، لون ابيض، 7×7 سم، 250 فولت | سبكترا
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/curtain-switch-2-gang-10-amp-white-color-7x7cm-250v-sas126-tri-spectrum-169/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YC8495GWS/conversions/Curtain-Switch1-size_150_150.webp"
alt="مفتاح ستارة مزدوج 10 أمبير، لون ابيض، 7×7 سم، 250 فولت | سبكترا"
title="مفتاح ستارة مزدوج 10 أمبير، لون ابيض، 7×7 سم، 250 فولت | سبكترا"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-1-gang-1-way-10-amp-dimensions-7x7-cm-white-brand-abb-784/i" class="modern-compact-title-link">
مفتاح كهرباء مفرد 10 امبير، ابعاد 7×7 سم، أبيض، براند أي بي بي
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-1-gang-1-way-10-amp-dimensions-7x7-cm-white-brand-abb-784/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41C57Y5Q/conversions/%D9%85%D9%86%D8%AA%D8%AC-18-size_150_150.webp"
alt="مفتاح كهرباء مفرد 10 امبير، ابعاد 7×7 سم، أبيض، براند أي بي بي"
title="مفتاح كهرباء مفرد 10 امبير، ابعاد 7×7 سم، أبيض، براند أي بي بي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-4-gang-1-way-10-amp-size-7x7-cm-white-color-abb-brand-804/i" class="modern-compact-title-link">
مفتاح كهرباء رباعي 10 امبير، مقاس 7×7 سم، لون أبيض، براند أي بي ب...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-switch-4-gang-1-way-10-amp-size-7x7-cm-white-color-abb-brand-804/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0EBB7Y5A/conversions/%D9%85%D9%86%D8%AA%D8%AC-8-size_150_150.webp"
alt="مفتاح كهرباء رباعي 10 امبير، مقاس 7×7 سم، لون أبيض، براند أي بي بي"
title="مفتاح كهرباء رباعي 10 امبير، مقاس 7×7 سم، لون أبيض، براند أي بي بي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-6-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-247/i" class="modern-compact-title-link">
مفتاح كهرباء سداسي دريكسون 10 امبير أمنية الفنار مقاس 14×7 سم الل...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-6-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-247/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YC43E1CVF/conversions/Electrical-light-switch-6-gang-2-way--size_150_150.webp"
alt="مفتاح كهرباء سداسي دريكسون 10 امبير أمنية الفنار مقاس 14×7 سم اللون ذهبى بحلقة ذهبى"
title="مفتاح كهرباء سداسي دريكسون 10 امبير أمنية الفنار مقاس 14×7 سم اللون ذهبى بحلقة ذهبى"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/20-amp-light-switch-2-gang-2-way-gold-color-7x7cm-250v-sas209-spectra-589/i" class="modern-compact-title-link">
مفتاح انارة مزدوج اتجاهين 20 أمبير، لون ذهبي، 7×7 سم، 250 فولت، S...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/20-amp-light-switch-2-gang-2-way-gold-color-7x7cm-250v-sas209-spectra-589/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YEB355IQ6/conversions/Light-Switch7-size_150_150.webp"
alt="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون ذهبي، 7×7 سم، 250 فولت، SAS209 | سبكترا"
title="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون ذهبي، 7×7 سم، 250 فولت، SAS209 | سبكترا"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">الابواب الاتوماتيكية</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/iron-product/automatic-doors" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y54151F4W/conversions/Automatic-Doors-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">الابواب الاتوماتيكية</h3>
<a href="https://youmats.com/iron-product/automatic-doors" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/showroom-doors" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YDF121DN1/Electronic-Doors.jpeg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">ابواب معارض</h5>
</a>
<a href="/category/automatic-door-engines" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y608E1E45/Automatic-Door-Engines.jpeg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">محركات أبواب اتوماتيك</h5>
</a>
<a href="/category/garage-doors" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y8C101F6J/Garage-Doors.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">أبواب كراج</h5>
</a>
<a href="/category/shop-doors" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YDE721F75/Shop-Doors.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">أبواب محلات</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/iron-product/automatic-doors/showroom-doors/automatic-roll-showrooms-door-al-arabia-width-34-meter-height-3-meter-color-ivory-273/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF5CF1Z0G/conversions/Automatic-Roll-Shop-Doors-Al-Arabia-3-size_150_150.webp" alt="ابواب معارض رول اتوماتيكية العربية عرض 3.4 متر ارتفاع 3 متر لون سكري" loading="lazy">
<div><h6>ابواب معارض رول اتوماتيكية الع...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-villa-doors-width-505-cm-height-256-cm-white-color-almokhtar-industry-277/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y357845AB/conversions/wight-size_150_150.webp" alt="ابواب فلل اتوماتيك امريكية عرض 505 سم ارتفاع 256 سم لون ابيض | المختار للصناعة" loading="lazy">
<div><h6>ابواب فلل اتوماتيك امريكية عرض...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-34-m-height-3-m-off-white-color-almokhtar-industry-153/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y84EF44JC/conversions/%D8%A8%D8%A7%D8%A8-%D9%85%D8%AD%D9%842-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية عرض 3.4 متر ارتفاع 3 متر لون سكري | المختار للصناعة" loading="lazy">
<div><h6>ابواب كراج رول اتوماتيكية عرض...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-437-m-height-3-m-off-white-color-almokhtar-industry-947/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6FE544JI/conversions/%D8%A8%D8%A7%D8%A8-%D9%85%D8%AD%D9%842-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية عرض 4.37 متر ارتفاع 3 متر لون سكري | المختار للصناعة" loading="lazy">
<div><h6>ابواب كراج رول اتوماتيكية عرض...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-zamil-width-370-m-high-3-m-colour-grey-549/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y33D61DS4/conversions/AlZamil3-size_150_150.webp" alt="ابواب كراج رول اوتوماتيكية الزامل عرض 3.70 متر ارتفاع 3 متر اللون رمادي" loading="lazy">
<div><h6>ابواب كراج رول اوتوماتيكية الز...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-width-480-cm-height-245-cm-off-white-color-almokhtar-industry-766/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y84EB45KD/conversions/%D8%A8%D8%A7%D8%A8-%D9%81%D9%8A%D9%84%D8%A7-%D8%B3%D9%83%D8%B1%D9%8A-size_150_150.webp" alt="ابواب كراج اتوماتيك امريكية عرض 480 سم ارتفاع 245 سم لون سكري | المختار للصناعة" loading="lazy">
<div><h6>ابواب كراج اتوماتيك امريكية عر...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/shop-doors/automatic-roll-shop-doors-al-zamil-width-370-m-high-3-m-colour-grey-527/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y672C1DSQ/conversions/AlZamil3-size_150_150.webp" alt="ابواب محلات رول اوتوماتيكية الزامل عرض 3.70 متر ارتفاع 3 متر اللون رمادي" loading="lazy">
<div><h6>ابواب محلات رول اوتوماتيكية ال...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-51-m-height-3-m-beige-color-anfal-920/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y202A4231/conversions/rollbeige-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية عرض 5.1 متر ارتفاع 3 متر لون بيج | انفال" loading="lazy">
<div><h6>ابواب كراج رول اتوماتيكية عرض...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/iron-product/automatic-doors" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y54151F4W/conversions/Automatic-Doors-size_200_300.webp"
alt="شاهد جميع منتجات الابواب الاتوماتيكية"
title="الابواب الاتوماتيكية" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/showroom-doors/automatic-roll-showrooms-door-al-arabia-width-34-meter-height-3-meter-color-ivory-273/i" class="modern-compact-title-link">
ابواب معارض رول اتوماتيكية العربية عرض 3.4 متر ارتفاع 3 متر لون...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/showroom-doors/automatic-roll-showrooms-door-al-arabia-width-34-meter-height-3-meter-color-ivory-273/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YF5CF1Z0G/conversions/Automatic-Roll-Shop-Doors-Al-Arabia-3-size_150_150.webp"
alt="ابواب معارض رول اتوماتيكية العربية عرض 3.4 متر ارتفاع 3 متر لون سكري"
title="ابواب معارض رول اتوماتيكية العربية عرض 3.4 متر ارتفاع 3 متر لون سكري"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-villa-doors-width-505-cm-height-256-cm-white-color-almokhtar-industry-277/i" class="modern-compact-title-link">
ابواب فلل اتوماتيك امريكية عرض 505 سم ارتفاع 256 سم لون ابيض | ا...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-villa-doors-width-505-cm-height-256-cm-white-color-almokhtar-industry-277/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y357845AB/conversions/wight-size_150_150.webp"
alt="ابواب فلل اتوماتيك امريكية عرض 505 سم ارتفاع 256 سم لون ابيض | المختار للصناعة"
title="ابواب فلل اتوماتيك امريكية عرض 505 سم ارتفاع 256 سم لون ابيض | المختار للصناعة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-34-m-height-3-m-off-white-color-almokhtar-industry-153/i" class="modern-compact-title-link">
ابواب كراج رول اتوماتيكية عرض 3.4 متر ارتفاع 3 متر لون سكري | ال...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-34-m-height-3-m-off-white-color-almokhtar-industry-153/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y84EF44JC/conversions/%D8%A8%D8%A7%D8%A8-%D9%85%D8%AD%D9%842-size_150_150.webp"
alt="ابواب كراج رول اتوماتيكية عرض 3.4 متر ارتفاع 3 متر لون سكري | المختار للصناعة"
title="ابواب كراج رول اتوماتيكية عرض 3.4 متر ارتفاع 3 متر لون سكري | المختار للصناعة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-437-m-height-3-m-off-white-color-almokhtar-industry-947/i" class="modern-compact-title-link">
ابواب كراج رول اتوماتيكية عرض 4.37 متر ارتفاع 3 متر لون سكري | ا...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-width-437-m-height-3-m-off-white-color-almokhtar-industry-947/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6FE544JI/conversions/%D8%A8%D8%A7%D8%A8-%D9%85%D8%AD%D9%842-size_150_150.webp"
alt="ابواب كراج رول اتوماتيكية عرض 4.37 متر ارتفاع 3 متر لون سكري | المختار للصناعة"
title="ابواب كراج رول اتوماتيكية عرض 4.37 متر ارتفاع 3 متر لون سكري | المختار للصناعة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-zamil-width-370-m-high-3-m-colour-grey-549/i" class="modern-compact-title-link">
ابواب كراج رول اوتوماتيكية الزامل عرض 3.70 متر ارتفاع 3 متر الل...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-zamil-width-370-m-high-3-m-colour-grey-549/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y33D61DS4/conversions/AlZamil3-size_150_150.webp"
alt="ابواب كراج رول اوتوماتيكية الزامل عرض 3.70 متر ارتفاع 3 متر اللون رمادي"
title="ابواب كراج رول اوتوماتيكية الزامل عرض 3.70 متر ارتفاع 3 متر اللون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-width-480-cm-height-245-cm-off-white-color-almokhtar-industry-766/i" class="modern-compact-title-link">
ابواب كراج اتوماتيك امريكية عرض 480 سم ارتفاع 245 سم لون سكري |...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-width-480-cm-height-245-cm-off-white-color-almokhtar-industry-766/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y84EB45KD/conversions/%D8%A8%D8%A7%D8%A8-%D9%81%D9%8A%D9%84%D8%A7-%D8%B3%D9%83%D8%B1%D9%8A-size_150_150.webp"
alt="ابواب كراج اتوماتيك امريكية عرض 480 سم ارتفاع 245 سم لون سكري | المختار للصناعة"
title="ابواب كراج اتوماتيك امريكية عرض 480 سم ارتفاع 245 سم لون سكري | المختار للصناعة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">دهان مقاومة للحريق</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/paints/fire-proofing-paint" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YD2C01K98/conversions/Fire-retardant-paint-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">دهان مقاومة للحريق</h3>
<a href="https://youmats.com/paints/fire-proofing-paint" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-retardant-clear-paint-64-paintco-for-steel-surfaces-can-18-liters-805/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA74E1K86/conversions/Paintco-size_150_150.webp" alt="ورنيش بينتكو مؤخر لانتشار الحريق للاسطح الفولاذية عبوة 18 لتر" loading="lazy">
<div><h6>ورنيش بينتكو مؤخر لانتشار ا...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firedamp-100-white-matt-paints-for-cement-surfaces-up-to-60-minutes-barrel-18-liters-964/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y21651K6R/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp" alt="دهان الجزيرة فاير دامب 100 ابيض مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الاسمنتية برميل 18 لتر" loading="lazy">
<div><h6>دهان الجزيرة فاير دامب 100 ا...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-120sb-for-steel-surfaces-up-to-120-minutes-gallon-20-liters-129/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF6E1MKL/conversions/Jotun-size_150_150.webp" alt="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية جالون 20 لتر" loading="lazy">
<div><h6>دهان جوتن ستيل ماستر 120 إس بي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firewood-150-paints-for-wooden-surfaces-up-to-60-minutes-barrel-18-liters-340/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5C5D1K3Q/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp" alt="دهان الجزيرة فاير وود 150 رمادي فاتح مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الخشبية برميل 18 لتر" loading="lazy">
<div><h6>دهان الجزيرة فاير وود 150 رم...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-al-riyadh-blue-eggshell-for-wooden-surfaces-barrel-200-liters-621/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0F741KF4/conversions/Riyadh---Paints-size_150_150.webp" alt="دهان الرياض ازرق لامعة خفيفة مقاوم للحريق للاسطح الخشبية برميل 200 لتر" loading="lazy">
<div><h6>دهان الرياض ازرق لامعة خفيفة...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-600wf-for-steel-surfaces-up-to-60-minutes-gallon-5-liters-876/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB3231MKO/conversions/Jotun-size_150_150.webp" alt="دهان جوتن ستيل ماستر 600 دبليو إف مقاوم للحريق لمدة 60 دقيقة للاسطح الفولاذية جالون 5 لتر" loading="lazy">
<div><h6>دهان جوتن ستيل ماستر 600 دبليو...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-60sb-paints-for-steel-surfaces-up-to-60-minutes-116/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y057B1K7H/conversions/Jotun-size_150_150.webp" alt="دهان جوتن ستيل ماستر 60 إس بي مقاوم للحريق لمدة 60 دقيقة للاسطح الفولاذية عبوة 1 كجم" loading="lazy">
<div><h6>دهان جوتن ستيل ماستر 60 إس بي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempafire-optima-500-white-matt-paints-for-steel-surfaces-up-to-180-minutes-431/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBEF11K91/conversions/Hemple-size_150_150.webp" alt="دهان همبل همبافاير اوبتيما 500 ابيض مطفي مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية " loading="lazy">
<div><h6>دهان همبل همبافاير اوبتيما 500...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/paints/fire-proofing-paint" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YD2C01K98/conversions/Fire-retardant-paint-size_200_300.webp"
alt="شاهد جميع منتجات دهان مقاومة للحريق"
title="دهان مقاومة للحريق" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-retardant-clear-paint-64-paintco-for-steel-surfaces-can-18-liters-805/i" class="modern-compact-title-link">
ورنيش بينتكو مؤخر لانتشار الحريق للاسطح الفولاذية عبوة 18 لت...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-retardant-clear-paint-64-paintco-for-steel-surfaces-can-18-liters-805/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YA74E1K86/conversions/Paintco-size_150_150.webp"
alt="ورنيش بينتكو مؤخر لانتشار الحريق للاسطح الفولاذية عبوة 18 لتر"
title="ورنيش بينتكو مؤخر لانتشار الحريق للاسطح الفولاذية عبوة 18 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firedamp-100-white-matt-paints-for-cement-surfaces-up-to-60-minutes-barrel-18-liters-964/i" class="modern-compact-title-link">
دهان الجزيرة فاير دامب 100 ابيض مطفي مقاوم للحريق لمدة 60 دقيقة...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firedamp-100-white-matt-paints-for-cement-surfaces-up-to-60-minutes-barrel-18-liters-964/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y21651K6R/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp"
alt="دهان الجزيرة فاير دامب 100 ابيض مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الاسمنتية برميل 18 لتر"
title="دهان الجزيرة فاير دامب 100 ابيض مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الاسمنتية برميل 18 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-120sb-for-steel-surfaces-up-to-120-minutes-gallon-20-liters-129/i" class="modern-compact-title-link">
دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاس...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-120sb-for-steel-surfaces-up-to-120-minutes-gallon-20-liters-129/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YEF6E1MKL/conversions/Jotun-size_150_150.webp"
alt="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية جالون 20 لتر"
title="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية جالون 20 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firewood-150-paints-for-wooden-surfaces-up-to-60-minutes-barrel-18-liters-340/i" class="modern-compact-title-link">
دهان الجزيرة فاير وود 150 رمادي فاتح مطفي مقاوم للحريق لمدة 60...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-al-jazeera-firewood-150-paints-for-wooden-surfaces-up-to-60-minutes-barrel-18-liters-340/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5C5D1K3Q/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp"
alt="دهان الجزيرة فاير وود 150 رمادي فاتح مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الخشبية برميل 18 لتر"
title="دهان الجزيرة فاير وود 150 رمادي فاتح مطفي مقاوم للحريق لمدة 60 دقيقة للاسطح الخشبية برميل 18 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-al-riyadh-blue-eggshell-for-wooden-surfaces-barrel-200-liters-621/i" class="modern-compact-title-link">
دهان الرياض ازرق لامعة خفيفة مقاوم للحريق للاسطح الخشبية برميل...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-al-riyadh-blue-eggshell-for-wooden-surfaces-barrel-200-liters-621/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0F741KF4/conversions/Riyadh---Paints-size_150_150.webp"
alt="دهان الرياض ازرق لامعة خفيفة مقاوم للحريق للاسطح الخشبية برميل 200 لتر"
title="دهان الرياض ازرق لامعة خفيفة مقاوم للحريق للاسطح الخشبية برميل 200 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-600wf-for-steel-surfaces-up-to-60-minutes-gallon-5-liters-876/i" class="modern-compact-title-link">
دهان جوتن ستيل ماستر 600 دبليو إف مقاوم للحريق لمدة 60 دقيقة لل...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-jotun-steelmaster-600wf-for-steel-surfaces-up-to-60-minutes-gallon-5-liters-876/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YB3231MKO/conversions/Jotun-size_150_150.webp"
alt="دهان جوتن ستيل ماستر 600 دبليو إف مقاوم للحريق لمدة 60 دقيقة للاسطح الفولاذية جالون 5 لتر"
title="دهان جوتن ستيل ماستر 600 دبليو إف مقاوم للحريق لمدة 60 دقيقة للاسطح الفولاذية جالون 5 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container mb-8 st_new">
<div class="d-flex justify-content-between align-items-end border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0 mb-3 rtl" style="direction:rtl">
<h3 class="section-title section-title__full mb-0 pb-2 font-size-22" style="text-align:right">الأسلاك والكابلات</h3>
<a class="view-all-link text-gray-16" href="https://youmats.com/electrical/cables-wires" style="direction:rtl">
جميع المنتجات
<i class="ec ec-arrow-right-categproes mr-2"></i>
</a>
</div>
<div class="mobile-category-perfect d-block d-md-none">
<div class="mobile-category-hero" style="background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YB3AB1K9E/conversions/Wires_and_cables-removebg-preview-size_305_570.webp');">
<div class="mobile-category-overlay">
<h3 class="mobile-category-title">الأسلاك والكابلات</h3>
<a href="https://youmats.com/electrical/cables-wires" class="mobile-category-btn">مشاهدة الجميع</a>
</div>
</div>
<div class="mobile-subcategory-section">
<h4 class="mobile-sub-title">الفئات الفرعية</h4>
<div class="mobile-horizontal-slider">
<a href="/category/building-wires" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y0E3E1K1J/building_wires-removebg-preview-removebg-preview.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">أسلاك نحاس</h5>
</a>
<a href="/category/power-and-control-cables-1" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YCCFD1K1F/Cables.jpeg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">كابلات الطاقه و التحكم</h5>
</a>
<a href="/category/pvc-copper-cable" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y84453HAC/PVC-copper-cable.png'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">كابلات نحاس PVC</h5>
</a>
<a href="/category/pvc-armored-copper-cables" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y19EF3JAX/armored-cable.PNG'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">كابلات نحاس PVC مسلحه</h5>
</a>
<a href="/category/xlpe-pvc-copper-cables" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y01543KYB/XLPE-Cable.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">كابلات نحاس XLPE/PVC</h5>
</a>
<a href="/category/xlpe-pvc-armored-copper-cables" style="flex: 0 0 160px; height: 100px; background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/YCDDA3LML/XLPE-PVC-Armored-Copper-Cables.jpg'); background-size: cover; background-position: center; border-radius: 8px; position: relative; text-decoration: none; display: flex; align-items: end; padding: 8px;">
<h5 style="color: white; font-size: 12px; margin: 0; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.7); direction: rtl; text-align: center;">كابلات نحاس XLPE/PVC مسلحه</h5>
</a>
</div>
</div>
<div class="mobile-products-section">
<div class="mobile-products-grid">
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/flexible-copper-wires/6mm-flexible-copper-wire-6001000v-300ft-length-alfanar-110/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y10B14D44/conversions/WhatsApp-Image-2024-08-13-at-12.11.14-PM-size_150_150.webp" alt="سلك 6 ملي نحاس شعر، 600/1000 فولت، طول 300 قدم | الفنار" loading="lazy">
<div><h6>سلك 6 ملي نحاس شعر، 600/1000 ف...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y670E7O5O/conversions/white-size_150_150.webp" alt="جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء" loading="lazy">
<div><h6>جلاند كابل نايلون حجم الفتحة P...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/pvc-armored-copper-cables/sta-armored-cables/3x35-16mm-061kv-35c-cable-stranded-copper-conductor-sta-armed-pvc-insulation-1000-meter-length-rescab-993/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y11016ED7/conversions/STA-Brown-size_150_150.webp" alt="كابل 3×35 + 16 مم 0.6/1 كيلو فولت 3.5 خط، موصل نحاس مجدول، مسلح STA، عزل PVC، طول 1000 متر | رسكاب" loading="lazy">
<div><h6>كابل 3×35 + 16 مم 0.6/1 كيلو ف...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-lshf-armored-copper-cables/lshf-cables-ata-armed/ata-armored-electrical-cable-061kv-1x50mm-stranded-copper-xlpe-insulated-lshf-sheath-riyadh-cables-784/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y637F3P75/conversions/ATA-Armored-Cable1-size_150_150.webp" alt="كيبل كهرباء مسلح ATA نحاس مجدول 1×50 ملم 0.6/1 كيلو فولت، عزل XLPE، غلاف LSHF | كابلات الرياض " loading="lazy">
<div><h6>كيبل كهرباء مسلح ATA نحاس مجدو...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-g38-black-color-united-electricals-company-255/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6D707OVC/conversions/black-size_150_150.webp" alt="جلاند كابل نايلون حجم الفتحة G3/8، لون اسود شركة يونايتد للكهرباء" loading="lazy">
<div><h6>جلاند كابل نايلون حجم الفتحة G...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg7-white-color-united-electricals-696/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YC8407O47/conversions/white-size_150_150.webp" alt="كيبل جلاند نايلون حجم الفتحة PG7، لون ابيض | يونايتد للكهرباء" loading="lazy">
<div><h6>كيبل جلاند نايلون حجم الفتحة P...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/thhn-thwn-wires/riyadh-14-awg-thhn-stranded-copper-american-wire-600v-pvc-insulated-nylon-jacket-gray-color-287/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0DA44KVM/conversions/THHN-Stranded-Copper-American-Wire-size_150_150.webp" alt="سلك سعودي امريكي THHN الرياض، 600 فولت 14 AWG، نحاس مجدول عزل PVC غلاف نايلون، لون رمادي " loading="lazy">
<div><h6>سلك سعودي امريكي THHN الرياض،...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/cts-shielded-control-cable/shielded-control-cable-1225-mm-xlpe-insulated-stranded-copper-conductor-low-voltage-6001000-volts-alfanar-869/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEBBD5OPX/conversions/Control-Cable-CTS-1-size_150_150.webp" alt="كابل كنترول شيلد 12×2.5 مم، نحاس مجدول عزل XLPE، جهد منخفض 600/1000 فولت | الفنار " loading="lazy">
<div><h6>كابل كنترول شيلد 12×2.5 مم، نح...</h6></div>
</a>
</div>
</div>
</div>
<div class="row rtl align-items-stretch d-none d-md-flex" style="direction:rtl">
<div class="col-12 col-md-2 d-flex">
<a href="https://youmats.com/electrical/cables-wires" class="d-flex w-100 align-items-stretch category-image-container">
<img class="img-fluid img_main_block" width="200"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YB3AB1K9E/conversions/Wires_and_cables-removebg-preview-size_200_300.webp"
alt="شاهد جميع منتجات الأسلاك والكابلات"
title="الأسلاك والكابلات" loading="lazy"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" />
</a>
</div>
<div class="col-12 col-md-10 pl-md-0 d-flex">
<!-- Tab Content -->
<ul class="row list-unstyled products-group no-gutters">
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/flexible-copper-wires/6mm-flexible-copper-wire-6001000v-300ft-length-alfanar-110/i" class="modern-compact-title-link">
سلك 6 ملي نحاس شعر، 600/1000 فولت، طول 300 قدم | الفنار
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/flexible-copper-wires/6mm-flexible-copper-wire-6001000v-300ft-length-alfanar-110/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y10B14D44/conversions/WhatsApp-Image-2024-08-13-at-12.11.14-PM-size_150_150.webp"
alt="سلك 6 ملي نحاس شعر، 600/1000 فولت، طول 300 قدم | الفنار"
title="سلك 6 ملي نحاس شعر، 600/1000 فولت، طول 300 قدم | الفنار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i" class="modern-compact-title-link">
جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg9-white-color-united-electricals-455/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y670E7O5O/conversions/white-size_150_150.webp"
alt="جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء"
title="جلاند كابل نايلون حجم الفتحة PG9، لون ابيض | يونايتد للكهرباء"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/pvc-armored-copper-cables/sta-armored-cables/3x35-16mm-061kv-35c-cable-stranded-copper-conductor-sta-armed-pvc-insulation-1000-meter-length-rescab-993/i" class="modern-compact-title-link">
كابل 3×35 + 16 مم 0.6/1 كيلو فولت 3.5 خط، موصل نحاس مجدول، مسلح S...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/pvc-armored-copper-cables/sta-armored-cables/3x35-16mm-061kv-35c-cable-stranded-copper-conductor-sta-armed-pvc-insulation-1000-meter-length-rescab-993/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y11016ED7/conversions/STA-Brown-size_150_150.webp"
alt="كابل 3×35 + 16 مم 0.6/1 كيلو فولت 3.5 خط، موصل نحاس مجدول، مسلح STA، عزل PVC، طول 1000 متر | رسكاب"
title="كابل 3×35 + 16 مم 0.6/1 كيلو فولت 3.5 خط، موصل نحاس مجدول، مسلح STA، عزل PVC، طول 1000 متر | رسكاب"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/xlpe-lshf-armored-copper-cables/lshf-cables-ata-armed/ata-armored-electrical-cable-061kv-1x50mm-stranded-copper-xlpe-insulated-lshf-sheath-riyadh-cables-784/i" class="modern-compact-title-link">
كيبل كهرباء مسلح ATA نحاس مجدول 1×50 ملم 0.6/1 كيلو فولت، عزل XLP...
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/xlpe-lshf-armored-copper-cables/lshf-cables-ata-armed/ata-armored-electrical-cable-061kv-1x50mm-stranded-copper-xlpe-insulated-lshf-sheath-riyadh-cables-784/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y637F3P75/conversions/ATA-Armored-Cable1-size_150_150.webp"
alt="كيبل كهرباء مسلح ATA نحاس مجدول 1×50 ملم 0.6/1 كيلو فولت، عزل XLPE، غلاف LSHF | كابلات الرياض "
title="كيبل كهرباء مسلح ATA نحاس مجدول 1×50 ملم 0.6/1 كيلو فولت، عزل XLPE، غلاف LSHF | كابلات الرياض "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-g38-black-color-united-electricals-company-255/i" class="modern-compact-title-link">
جلاند كابل نايلون حجم الفتحة G3/8، لون اسود شركة يونايتد للكهرباء
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-g38-black-color-united-electricals-company-255/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6D707OVC/conversions/black-size_150_150.webp"
alt="جلاند كابل نايلون حجم الفتحة G3/8، لون اسود شركة يونايتد للكهرباء"
title="جلاند كابل نايلون حجم الفتحة G3/8، لون اسود شركة يونايتد للكهرباء"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
<li class="col-6 col-md-2 col-xl-2">
<div class="modern-compact-card h-100">
<div class="modern-compact-inner">
<!-- MODERN COMPACT CATEGORY -->
<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>
<!-- MODERN COMPACT TITLE -->
<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg7-white-color-united-electricals-696/i" class="modern-compact-title-link">
كيبل جلاند نايلون حجم الفتحة PG7، لون ابيض | يونايتد للكهرباء
</a>
</h5>
<!-- MODERN COMPACT IMAGE -->
<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/cable-glands/nylon-cable-gland-hole-size-pg7-white-color-united-electricals-696/i" class="modern-compact-image-link">
<div class="modern-compact-image-container">
<img class="modern-compact-image"
src="https://youmats-media.s3.me-central-1.amazonaws.com/YC8407O47/conversions/white-size_150_150.webp"
alt="كيبل جلاند نايلون حجم الفتحة PG7، لون ابيض | يونايتد للكهرباء"
title="كيبل جلاند نايلون حجم الفتحة PG7، لون ابيض | يونايتد للكهرباء"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>
<!-- MODERN COMPACT PRICE -->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</main>
</div>
<script>
// 🖥️ DESKTOP: Hero slider with image
if (window.innerWidth > 767) {
console.log('🖥️ Desktop slider starting...');
document.addEventListener('DOMContentLoaded', function() {
const sliderData = [
{
src: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y735C79AV/conversions/central-water-heater-size_height_270.webp',
alt: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
title: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
quote: 'اكبر موقع لموردي مواد البناء في المملكة العربية السعودية',
text: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
button: 'أبدا الشراء',
link: 'https://www.youmats.com/plumbing/water-heaters'
}, {
src: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y7B4888YZ/conversions/Screenshot_4-size_height_270.webp',
alt: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
title: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
quote: 'اكبر موقع لموردي مواد البناء في المملكة العربية السعودية',
text: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
button: 'تواصل معنا',
link: 'https://www.youmats.com/contact-us'
} ];
let currentIndex = 0;
// Get desktop elements by ID
const heroImage = document.getElementById('hero-image');
const heroQuote = document.getElementById('hero-quote');
const heroTitle = document.getElementById('hero-title');
const heroButton = document.getElementById('hero-button');
console.log('🖥️ Desktop elements found:', {
image: !!heroImage,
quote: !!heroQuote,
title: !!heroTitle,
button: !!heroButton
});
function changeSlide() {
currentIndex = (currentIndex + 1) % sliderData.length;
const current = sliderData[currentIndex];
console.log('🖥️ Desktop changing to slide', currentIndex + 1);
// Update image
if (heroImage) {
heroImage.src = current.src;
heroImage.alt = current.alt;
heroImage.title = current.title;
}
// Update text content
if (heroQuote) {
heroQuote.textContent = current.quote;
}
if (heroTitle) {
heroTitle.innerHTML = `<b class="font-weight-bold">${current.text}</b>`;
}
if (heroButton) {
heroButton.href = current.link;
heroButton.textContent = current.button;
}
}
// Start slider after 3 seconds, then change every 4 seconds
setTimeout(() => {
console.log('🖥️ Desktop slider started!');
setInterval(changeSlide, 4000);
}, 3000);
});
} else {
// 📱 MOBILE ONLY: Full slider functionality
document.addEventListener('DOMContentLoaded', function() {
console.log('📱 Mobile slider starting...');
const sliderData = [
{
src: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y735C79AV/conversions/central-water-heater-size_height_270.webp',
alt: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
title: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
quote: 'اكبر موقع لموردي مواد البناء في المملكة العربية السعودية',
text: 'عروض سخانات المياه بجودة عالية وأسعار مميزه',
button: 'أبدا الشراء',
link: 'https://www.youmats.com/plumbing/water-heaters'
}, {
src: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y7B4888YZ/conversions/Screenshot_4-size_height_270.webp',
alt: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
title: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
quote: 'اكبر موقع لموردي مواد البناء في المملكة العربية السعودية',
text: 'دينات وتريلات للنقل بين جميع مدن و أنحاء المملكه',
button: 'تواصل معنا',
link: 'https://www.youmats.com/contact-us'
} ];
let currentIndex = 0;
const slide = document.getElementById('static-first-slide');
function changeSlide() {
currentIndex = (currentIndex + 1) % sliderData.length;
const current = sliderData[currentIndex];
// Mobile background update
if (slide) {
slide.style.backgroundImage = `url('${current.src}')`;
}
// Mobile content updates
const img = slide ? slide.querySelector('img') : null;
const quote = slide ? slide.querySelector('.text-cyan') : null;
const title = slide ? slide.querySelector('.font-size-46 b') : null;
const btn = slide ? slide.querySelector('.btn') : null;
if (img) {
img.style.opacity = '0';
setTimeout(() => {
img.src = current.src;
img.alt = current.alt;
img.title = current.title;
img.style.opacity = '1';
}, 200);
}
if (quote) {
quote.style.opacity = '0';
setTimeout(() => {
quote.textContent = current.quote;
quote.style.opacity = '1';
}, 200);
}
if (title) {
title.style.opacity = '0';
setTimeout(() => {
title.textContent = current.text;
title.style.opacity = '1';
}, 200);
}
if (btn) {
btn.style.opacity = '0';
setTimeout(() => {
btn.href = current.link;
btn.textContent = current.button;
btn.style.opacity = '1';
}, 200);
}
}
// Start mobile slider
setTimeout(() => {
setInterval(changeSlide, 4000);
}, 3000);
});
}
</script>
<style>
@media (min-width: 768px) {
.container.my-5 {
margin-top: 1rem !important;
margin-bottom: 3rem !important;
}
}
@media (max-width: 767px) {
#static-first-slide {
background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y735C79AV/conversions/central-water-heater-size_height_270.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
contain: layout;
}
#static-first-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 1;
}
#static-first-slide .col-12 {
position: relative;
z-index: 2;
color: white;
direction: rtl;
text-align: center;
}
#static-first-slide .text-cyan {
color: #00d4ff;
text-shadow: 0 1px 4px rgba(0,0,0,0.7);
direction: rtl;
text-align: center;
}
#static-first-slide .font-size-46 {
color: white;
text-shadow: 0 2px 6px rgba(0,0,0,0.8);
direction: rtl;
text-align: center;
}
#static-first-slide .btn {
background: rgba(255,255,255,0.9);
color: #007bff;
text-decoration: none;
}
#static-first-slide .btn:hover {
background: white;
color: #0056b3;
text-decoration: none;
}
}
@media (max-width: 767px) {
.static-slider-content {
contain: layout;
}
#static-first-slide img {
transition: opacity 0.2s ease;
}
#static-first-slide .text-cyan,
#static-first-slide .font-size-46,
#static-first-slide .btn {
transition: opacity 0.2s ease;
}
}
</style>
<footer id="main-footer" style="opacity: 1; transition: opacity 0.3s ease;">
<div style="background:#003f91;padding:30px 0;position:relative;height:90px">
<div style="position:absolute;right:20%;top:50%;transform:translateY(-50%);color:white;font-size:24px;font-weight:600;text-align:right">اشترك في النشرة الإخبارية</div>
<form id="subscribeForm" style="position:absolute;left:20%;top:50%;transform:translateY(-50%);display:flex">
<input type="hidden" name="_token" value="wh2HRneRdIx9gEJm2IIdfifTJeZrEPXRSO9fU6Vo" autocomplete="off"> <input type="email" name="email" placeholder="عنوان البريد الإلكتروني" required style="width:350px;padding:15px 20px;border:0;border-radius:25px 0 0 25px;direction:rtl;text-align:right;font-size:16px">
<button type="submit" style="padding:15px 25px;background:#333e48;color:white;border:0;border-radius:0 25px 25px 0;font-weight:600;font-size:16px">الإشتراك</button>
</form>
</div>
<div style="background: #f8f9fa; padding: 40px 0;">
<div class="container">
<div class="row">
<div class="col-md-2 mb-4 mb-md-0" style="flex: 0 0 20%; max-width: 20%;">
<div style="margin-bottom: 20px; text-align: center;">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41FE2SOB/conversions/logo-%281%29-size_height_45.webp"
alt="يوماتس"
title="يوماتس"
height="35"
style="max-width: 100%;"
loading="lazy">
</div>
<div style="direction: rtl; text-align: center;">
<div style="margin-bottom: 15px;">
<a href="tel:+966115216215" style="color: #495057; text-decoration: none; font-weight: 700; font-size: 17px; display: block; direction: ltr;">+966115216215</a>
</div>
<div style="margin-bottom: 20px;">
<a href="mailto:Info@youmats.com" style="color: #495057; text-decoration: none; font-weight: 700; font-size: 17px; display: block;">Info@youmats.com</a>
</div>
<div style="margin-bottom: 15px;">
<h6 style="font-weight: 800; margin-bottom: 10px; font-size: 18px;">معلومات الاتصال</h6>
<address style="margin-bottom: 15px; font-size: 16px; line-height: 1.5; font-style: normal;">
رقم البناية 6249 ,شارع حمزة بن عبدالمطلب, الرياض 12982, المملكة العربية السعودية
</address>
</div>
<div style="display: flex; gap: 8px; justify-content: center; margin-top: 15px;">
<a href="https://www.facebook.com/YMatsBuildingMaterials" target="_blank" aria-label="general.visit_facebook_page" style="display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #1877f2; border-radius: 50%; color: white; font-size: 18px; text-decoration: none; transition: all 0.3s ease;">
f
</a>
<a href="https://www.linkedin.com/company/youmats" target="_blank" aria-label="general.visit_linkedin_page" style="display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #0077b5; border-radius: 50%; color: white; font-size: 16px; text-decoration: none; transition: all 0.3s ease;">
in
</a>
<a href="https://www.youtube.com/@Youmatscom" target="_blank" aria-label="general.visit_youtube_channel" style="display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #ff0000; border-radius: 50%; color: white; font-size: 16px; text-decoration: none; transition: all 0.3s ease;">
▶
</a>
<a href="https://www.twitter.com/youmats" target="_blank" aria-label="general.visit_twitter_page" style="display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #1da1f2; border-radius: 50%; color: white; font-size: 16px; text-decoration: none; transition: all 0.3s ease;">
@
</a>
</div>
</div>
</div>
<div class="col-md-2" style="flex: 0 0 10%; max-width: 10%;"></div>
<div class="col-md-2 mb-4 mb-md-0" style="flex: 0 0 20%; max-width: 20%;">
<h5 style="font-weight: 800; margin-bottom: 20px; direction: rtl; text-align: center; font-size: 20px;">فئات مهمة</h5>
<ul style="list-style: none; padding: 0; direction: rtl; text-align: center;">
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/building-material"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
مواد البناء
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
مضخات حريق
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/plumbing/water-tanks"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
خزانات مياه
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/iron-product/corrugated-sheet"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
الواح شينكو
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/plumbing/pipe-and-fittings"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
المواسير ووصلات السباكة
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
طفايات الحريق
</a>
</li>
</ul>
</div>
<div class="col-md-2 mb-4 mb-md-0" style="flex: 0 0 25%; max-width: 25%;">
<h5 style="font-weight: 800; margin-bottom: 20px; direction: rtl; text-align: center; font-size: 20px;">فئات مهمة</h5>
<ul style="list-style: none; padding: 0; direction: rtl; text-align: center;">
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/electrical/cables-wires"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
الأسلاك والكابلات
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
مضخات حريق
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/plumbing/control-valves"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
الصمامات والمحابس
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/plumbing/solvents"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
المذيبات
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/safety-products/fire-safety-products"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
أدوات السلامة من الحريق
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/hardware/fasteners/pipe-clamps/clevis-hanger-clamps"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
قفيز هنجر
</a>
</li>
</ul>
</div>
<div class="col-md-2" style="flex: 0 0 25%; max-width: 25%;">
<h5 style="font-weight: 800; margin-bottom: 20px; direction: rtl; text-align: center; font-size: 20px;">خدمة العملاء</h5>
<ul style="list-style: none; padding: 0; direction: rtl; text-align: center;">
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/about-us"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
من نحن
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/terms-and-conditions"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
الأحكام والشروط
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/supplier-approval-contract"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
عقد اعتماد مورد
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/privacy-policy"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
سياسة الخصوصية
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/delivery-and-shipping-policy"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
سياسة التوصيل والشحن
</a>
</li>
<li style="margin-bottom: 8px;">
<a href="https://youmats.com/page/returns-and-exchange"
style="color: #495057; text-decoration: none; font-size: 16px; font-weight: 500;">
سياسة الالغاء والاسترجاع والاستبدال
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div style="background: #eaeaea; padding: 12px 0;">
<div style="max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
<div style="color: #6c757d; font-size: 14px; margin-bottom: 8px;">
© <a href="https://youmats.com" style="font-weight: 600; color: #495057; text-decoration: none;">YM</a> - كل الحقوق محفوظة
</div>
<div style="display: flex; align-items: center; gap: 6px;">
<span style="display: inline-block; background: white; border: 1px solid #ddd; padding: 4px; border-radius: 4px;">
<img src="https://youmats.com/assets/img/mada.webp" alt="general.mada" title="general.mada" loading="lazy" style="height: 20px; width: auto;">
</span>
<span style="display: inline-block; background: white; border: 1px solid #ddd; padding: 4px; border-radius: 4px;">
<img src="https://youmats.com/assets/img/master-card.webp" alt="general.master_card" title="general.master_card" loading="lazy" style="height: 20px; width: auto;">
</span>
<span style="display: inline-block; background: white; border: 1px solid #ddd; padding: 4px; border-radius: 4px;">
<img src="https://youmats.com/assets/img/visa.webp" alt="general.visa" title="general.visa" loading="lazy" style="height: 20px; width: auto;">
</span>
<span style="display: inline-block; background: white; border: 1px solid #ddd; padding: 4px; border-radius: 4px;">
<img src="https://youmats.com/assets/img/tamara-ar.webp" alt="general.tamara" title="general.tamara" loading="lazy" style="height: 20px; width: auto;">
</span>
</div>
</div>
</div>
<script>
// Defer footer loading until after hero slider is ready
document.addEventListener('DOMContentLoaded', function() {
// Wait for hero slider to be ready first
setTimeout(() => {
const footer = document.getElementById('main-footer');
if (footer) {
footer.style.opacity = '1';
console.log('⚡ Footer loaded after hero - LCP optimized');
}
}, 500); // Load footer 500ms after DOM ready
});
// Additional optimization: Load footer after window load
window.addEventListener('load', () => {
const footer = document.getElementById('main-footer');
if (footer && footer.style.opacity === '0') {
footer.style.opacity = '1';
console.log('⚡ Footer fallback loaded after window load');
}
});
// 🏢 OUR CLIENTS SLIDER AUTO-SCROLL FUNCTIONALITY WITH DEBUGGING
document.addEventListener('DOMContentLoaded', function() {
console.log('🔍 DEBUG: Looking for clientsSlider...');
const slider = document.getElementById('clientsSlider');
if (slider) {
console.log('✅ DEBUG: Slider found!', slider);
console.log('📏 DEBUG: Slider dimensions:', {
scrollWidth: slider.scrollWidth,
clientWidth: slider.clientWidth,
scrollLeft: slider.scrollLeft,
canScroll: slider.scrollWidth > slider.clientWidth,
scrollableDistance: slider.scrollWidth - slider.clientWidth
});
// Count partner cards
const partnerCards = slider.querySelectorAll('div[style*="flex:0 0 auto"]');
console.log('🏢 DEBUG: Partner cards found:', partnerCards.length);
if (slider.scrollWidth <= slider.clientWidth) {
console.log('⚠️ DEBUG: ALL PARTNERS ARE VISIBLE - NO SCROLLING NEEDED!');
console.log('💡 DEBUG: ScrollWidth (' + slider.scrollWidth + ') <= ClientWidth (' + slider.clientWidth + ')');
return; // Exit early if no scrolling is possible
}
let isScrolling = false;
let scrollDirection = 1;
let scrollCount = 0;
// Auto scroll function - FIXED FOR RTL
function autoScroll() {
if (!isScrolling) {
// Force LTR direction for scrolling
slider.style.direction = 'ltr';
const maxScroll = slider.scrollWidth - slider.clientWidth;
const oldScrollLeft = slider.scrollLeft;
if (maxScroll <= 0) {
return;
}
if (slider.scrollLeft >= maxScroll - 5) { // Small buffer for precision
scrollDirection = -1;
} else if (slider.scrollLeft <= 5) { // Small buffer for precision
scrollDirection = 1;
}
// Try different scroll methods
const newScrollPosition = slider.scrollLeft + (scrollDirection * 2);
slider.scrollLeft = newScrollPosition;
// Alternative method if first doesn't work
if (slider.scrollLeft === oldScrollLeft) {
slider.scrollTo({
left: newScrollPosition,
behavior: 'auto'
});
}
scrollCount++;
if (scrollCount % 20 === 0) { // Log every 20 iterations
console.log(`🏃 DEBUG: Homepage Auto-scroll #${scrollCount}`, {
oldScrollLeft: oldScrollLeft,
newScrollLeft: slider.scrollLeft,
direction: scrollDirection,
maxScroll: maxScroll,
scrollWorked: slider.scrollLeft !== oldScrollLeft
});
}
}
}
// Start auto scroll
const autoScrollInterval = setInterval(autoScroll, 50);
// Pause on hover
slider.addEventListener('mouseenter', function() {
isScrolling = true;
});
slider.addEventListener('mouseleave', function() {
isScrolling = false;
});
// Pause on touch
slider.addEventListener('touchstart', function() {
isScrolling = true;
});
slider.addEventListener('touchend', function() {
setTimeout(() => {
isScrolling = false;
}, 2000);
});
console.log('🏢 DEBUG: Homepage Our Clients slider initialized');
} else {
console.error('❌ DEBUG: clientsSlider element NOT FOUND in homepage!');
}
});
</script>
</footer>
</body>
<style>
@media (max-width: 767px) {
.container .row.rtl.align-items-stretch {
display: none !important;
}
.mobile-category-perfect {
display: block !important;
}
.mobile-category-hero {
width: 100%;
height: 350px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 15px;
position: relative;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
margin: 15px 10px 20px 10px;
}
.mobile-category-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.8));
padding: 40px 25px 25px 25px;
direction: rtl;
text-align: center;
}
.mobile-category-title {
color: white;
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
text-shadow: 0 2px 8px rgba(0,0,0,0.8);
direction: rtl;
text-align: center;
}
.mobile-category-btn {
background: rgba(255,255,255,0.9);
color: #007bff;
padding: 10px 20px;
border-radius: 20px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
display: inline-block;
}
.mobile-subcategory-section {
padding: 0 10px 20px 10px;
}
.mobile-sub-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
color: #333;
text-align: center;
direction: rtl;
}
.mobile-horizontal-slider {
display: flex;
overflow-x: auto;
gap: 12px;
padding: 5px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.mobile-horizontal-slider::-webkit-scrollbar {
display: none;
}
.mobile-sub-box {
flex: 0 0 160px;
height: 100px;
}
.mobile-sub-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
position: relative;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.mobile-sub-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.7));
padding: 12px 8px 8px 8px;
}
.mobile-sub-name {
color: white;
font-size: 12px;
font-weight: 600;
margin: 0;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.8);
line-height: 1.2;
}
.mobile-products-section {
padding: 0 10px;
}
.mobile-products-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.mobile-product-item {
flex: 0 0 calc(50% - 5px);
height: 180px;
}
.mobile-product-card {
width: 100%;
height: 100%;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
}
.mobile-product-img {
width: 100%;
height: 120px;
object-fit: cover;
}
.mobile-product-info {
padding: 10px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.mobile-product-title {
font-size: 12px;
font-weight: 600;
color: #333;
margin: 0;
line-height: 1.2;
}
}
@media (min-width: 768px) {
.mobile-category-perfect {
display: none !important;
}
}
</style>
<style>
@media (max-width: 767px) {
#static-first-slide .col-12 {
position: relative !important;
z-index: 2 !important;
color: white !important;
direction: rtl !important;
text-align: right !important;
min-height: 450px !important;
padding: 40px 30px 50px 30px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
#static-first-slide .text-cyan {
color: #00d4ff !important;
text-shadow: 0 2px 6px rgba(0,0,0,0.8) !important;
direction: rtl !important;
text-align: right !important;
font-size: 16px !important;
font-weight: bold !important;
margin-bottom: 0 !important;
order: 1 !important;
}
.mobile-content-bottom {
order: 2 !important;
margin-top: auto !important;
}
#static-first-slide .font-size-46 {
color: white !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.9) !important;
direction: rtl !important;
text-align: right !important;
font-size: 32px !important;
line-height: 36px !important;
margin-bottom: 20px !important;
}
#static-first-slide .btn {
background: rgba(255,255,255,0.95) !important;
color: #007bff !important;
text-decoration: none !important;
font-size: 16px !important;
padding: 12px 26px !important;
border-radius: 25px !important;
box-shadow: 0 4px 15px rgba(255,255,255,0.4) !important;
font-weight: 600 !important;
border: none !important;
display: inline-block !important;
align-self: flex-start !important;
margin: 0 !important;
}
#static-first-slide .btn:hover {
background: white !important;
color: #0056b3 !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(255,255,255,0.5) !important;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Restructure mobile layout for better positioning
if (window.innerWidth <= 767) {
const mobileCol = document.querySelector('#static-first-slide .col-12');
if (mobileCol) {
const quote = mobileCol.querySelector('.text-cyan');
const title = mobileCol.querySelector('.font-size-46');
const button = mobileCol.querySelector('.btn');
if (quote && title && button) {
// Create bottom content wrapper
const bottomContent = document.createElement('div');
bottomContent.className = 'mobile-content-bottom';
// Move title and button to bottom wrapper
bottomContent.appendChild(title);
bottomContent.appendChild(button);
// Rebuild layout: quote on top, content at bottom
mobileCol.innerHTML = '';
mobileCol.appendChild(quote);
mobileCol.appendChild(bottomContent);
console.log('📱 Mobile layout restructured: cyan top, content bottom');
}
}
}
});
</script>
<style>
@media (max-width: 767px) {
.container.my-5 {
padding: 15px 5px !important;
margin: 10px 0 !important;
}
#static-first-slide {
background-image: url('https://youmats-media.s3.me-central-1.amazonaws.com/Y735C79AV/conversions/central-water-heater-size_height_270.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
contain: layout;
min-height: 450px !important;
margin: -10px -5px 0 -5px !important;
border-radius: 12px !important;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
#static-first-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 1;
}
#static-first-slide .col-12 {
position: relative;
z-index: 2;
color: white;
direction: rtl;
text-align: center;
min-height: 450px !important;
padding: 60px 30px 40px 30px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
#static-first-slide .text-cyan {
color: white !important;
text-shadow: 0 2px 6px rgba(0,0,0,0.8);
direction: rtl;
text-align: center;
font-size: 16px;
font-weight: bold;
margin-bottom: 12px !important;
}
#static-first-slide .font-size-46 {
color: white !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.9);
direction: rtl;
text-align: center;
font-size: 32px;
line-height: 36px;
margin-bottom: 20px !important;
}
#static-first-slide .btn {
background: rgba(255,255,255,0.95);
color: #007bff;
text-decoration: none;
font-size: 16px;
padding: 12px 26px;
border-radius: 25px;
box-shadow: 0 4px 15px rgba(255,255,255,0.4);
font-weight: 600;
border: none;
display: inline-block;
margin-top: 0 !important;
align-self: flex-start !important;
}
#static-first-slide .btn:hover {
background: white;
color: #0056b3;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(255,255,255,0.5);
}
}
.widget {
position: fixed;
right: 15px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #25D366;
color: white;
text-align: center;
font-size: 22px;
line-height: 50px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
z-index: 1000;
transition: all 0.3s ease;
cursor: pointer;
}
.widget:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
text-decoration: none;
color: white;
}
.widget.whatsapp {
background: #25D366;
bottom: 70px;
}
.widget:not(.whatsapp):not([style*="background"]) {
background: #007bff;
bottom: 15px;
}
.widget[style*="gradient"] span {
font-size: 9px !important;
font-weight: bold !important;
line-height: 1 !important;
color: white !important;
}
.u-go-to {
position: fixed;
right: 15px;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.7);
color: white;
text-align: center;
line-height: 40px;
text-decoration: none;
z-index: 1000;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
}
.u-go-to.show {
opacity: 1;
visibility: visible;
}
.u-go-to:hover {
background: rgba(0, 0, 0, 0.9);
transform: translateY(-2px);
text-decoration: none;
color: white;
}
.u-go-to__inner {
font-size: 16px;
}
@media (max-width: 768px) {
.widget, .u-go-to {
width: 45px;
height: 45px;
line-height: 45px;
right: 10px;
}
.u-go-to__inner {
font-size: 14px;
}
}
</style>
<a class="js-go-to u-go-to" href="#" data-position='{"bottom": 125, "right": 15}' data-type="fixed" data-offset-top="400" data-compensation="#header" aria-label="general.go_to_top">
<span class="fas fa-arrow-up u-go-to__inner"></span>
</a>
<a target="_blank" href="tel:+966115216215" type="button" class="widget" style="border: none; bottom: 15px; background: #007bff; display: flex; align-items: center; justify-content: center;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/>
</svg>
</a>
<a target="_blank" href="https://wa.me/966115216217" class="widget" style="bottom: 125px; background: linear-gradient(135deg, #2196F3, #1976D2); border: none; border-radius: 50%; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); display: flex; align-items: center; justify-content: center;">
<span style="color: white; font-weight: bold; font-size: 9px; line-height: 1;">24/7</span>
</a>
<a target="_blank" href="https://wa.me/+966115216215" class="widget whatsapp" style="display: flex; align-items: center; justify-content: center;">
<svg width="26" height="26" viewBox="0 0 24 24" fill="white">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.893 3.488"/>
</svg>
</a>
<script>
(function() {
'use strict';
// Scroll to top functionality
const scrollBtn = document.querySelector('.js-go-to');
if (scrollBtn) {
// Show/hide scroll button
function toggleScrollButton() {
if (window.pageYOffset > 400) {
scrollBtn.classList.add('show');
} else {
scrollBtn.classList.remove('show');
}
}
// Smooth scroll to top
function scrollToTop(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
// Event listeners
window.addEventListener('scroll', toggleScrollButton, { passive: true });
scrollBtn.addEventListener('click', scrollToTop);
// Initial check
toggleScrollButton();
}
})();
</script>
<script>
document.body.classList.add('ready');
setTimeout(function(){document.body.classList.add('ready')}, 20);
</script>
</html>