Ads.txt Alerts - Protect your revenue

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="SUOA3QemRRDAIRBhgXfKidfcMqhQAD6leXlTC1Po" 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="SUOA3QemRRDAIRBhgXfKidfcMqhQAD6leXlTC1Po" 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/iron-product/steel-tubes/steel-rectangular-tube-thickness-25-mm-size-30-15-mm-357/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y309D1N2F/conversions/WhatsApp-Image-2023-05-13-at-2.32.46-PM-size_150_150.webp"
alt="تيوب حديد مستطيل السمك 2.5 مم المقاس 30 × 15 مم"
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/iron-product/steel-tubes"
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/iron-product/steel-tubes/steel-rectangular-tube-thickness-25-mm-size-30-15-mm-357/i"
style="color: #003f91; text-decoration: none;">
تيوب حديد مستطيل السمك 2.5 مم المقاس 30 × 15 مم
</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/trees-and-plants/artificial-trees/hydrangea-decorative-artificial-flowers-white-color-size-71-cm-252/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFA437K1L/conversions/%D9%A2%D9%A1%D9%A1%D9%A0%D9%A2%D9%A2-size_150_150.webp"
alt="هيدرنجا زهور زينة صناعية، لون أبيض، طول 71 سم"
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/trees-and-plants/artificial-trees"
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/trees-and-plants/artificial-trees/hydrangea-decorative-artificial-flowers-white-color-size-71-cm-252/i"
style="color: #003f91; text-decoration: none;">
هيدرنجا زهور زينة صناعية، لون أبيض، طول 71 سم
</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/lighting/decorative-lighting/oval-steel-tubes-thickness-mm-size-mm-264/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y92787DXS/conversions/1-size_150_150.webp"
alt="تورونتس إضاءة معلقة ديكورية، ليد E27، لون عسلي، طول 1100 مم، عرض 345 مم"
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/lighting/decorative-lighting"
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/lighting/decorative-lighting/oval-steel-tubes-thickness-mm-size-mm-264/i"
style="color: #003f91; text-decoration: none;">
تورونتس إضاءة معلقة ديكورية، ليد E27، لون عسلي، طول 1100 مم، عرض 345 مم
</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/pvc-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE6975X2V/conversions/Brown-Armed-Aluminum-size_150_150.webp"
alt="كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة "
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/pvc-armored-aluminium-cables/awa-armored-aluminum-cables"
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/pvc-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/i"
style="color: #003f91; text-decoration: none;">
كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة
</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/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB6305QD4/conversions/Stranded-copper-armored-control-cable-size_150_150.webp"
alt="كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة "
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/xlpe-armored-control-cables/sta-armoured-control-cables"
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/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/i"
style="color: #003f91; text-decoration: none;">
كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة
</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/wash-basins/monoblock-bathroom-washbasin-size-14048138-cm-pozzo-model-grey-color-192/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/extra/placeholder.webp"
alt="مغسلة حمام ارضيه مقاس 140×48×13.8 سم موديل بوزو لون رمادي "
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/wash-basins"
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/wash-basins/monoblock-bathroom-washbasin-size-14048138-cm-pozzo-model-grey-color-192/i"
style="color: #003f91; text-decoration: none;">
مغسلة حمام ارضيه مقاس 140×48×13.8 سم موديل بوزو لون رمادي
</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/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/i">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y3C9D3W4W/conversions/Pipe-size_150_150.webp"
alt="انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي"
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/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes"
style="color: #666; font-size: 12px; text-decoration: none;">
مواسير LDPE
</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/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/i"
style="color: #003f91; text-decoration: none;">
انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي
</a>
</h3>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script>
(function() {
'use strict';

const products = [
{
name: 'تيوب حديد مستطيل السمك 2.5 مم المقاس 30 × 15 مم',
category: 'تيوبات حديد',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y309D1N2F/conversions/WhatsApp-Image-2023-05-13-at-2.32.46-PM-size_150_150.webp',
categoryLink: 'https://youmats.com/iron-product/steel-tubes',
productLink: 'https://youmats.com/iron-product/steel-tubes/steel-rectangular-tube-thickness-25-mm-size-30-15-mm-357/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'هيدرنجا زهور زينة صناعية، لون أبيض، طول 71 سم',
category: 'اشجار صناعية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YFA437K1L/conversions/%D9%A2%D9%A1%D9%A1%D9%A0%D9%A2%D9%A2-size_150_150.webp',
categoryLink: 'https://youmats.com/trees-and-plants/artificial-trees',
productLink: 'https://youmats.com/trees-and-plants/artificial-trees/hydrangea-decorative-artificial-flowers-white-color-size-71-cm-252/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'تورونتس إضاءة معلقة ديكورية، ليد E27، لون عسلي، طول 1100 مم، عرض 345 مم',
category: 'انارة ديكورية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y92787DXS/conversions/1-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/lighting/decorative-lighting',
productLink: 'https://youmats.com/electrical/lighting/decorative-lighting/oval-steel-tubes-thickness-mm-size-mm-264/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة ',
category: 'كابلات المنيوم مسلحه AWA',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YE6975X2V/conversions/Brown-Armed-Aluminum-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/cables-wires/pvc-armored-aluminium-cables/awa-armored-aluminum-cables',
productLink: 'https://youmats.com/electrical/cables-wires/pvc-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة ',
category: 'كابلات كنترول مسلحة STA',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YB6305QD4/conversions/Stranded-copper-armored-control-cable-size_150_150.webp',
categoryLink: 'https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/sta-armoured-control-cables',
productLink: 'https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'مغسلة حمام ارضيه مقاس 140×48×13.8 سم موديل بوزو لون رمادي ',
category: 'مغاسل احواض',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/extra/placeholder.webp',
categoryLink: 'https://youmats.com/bathroom/wash-basins',
productLink: 'https://youmats.com/bathroom/wash-basins/monoblock-bathroom-washbasin-size-14048138-cm-pozzo-model-grey-color-192/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي',
category: 'مواسير LDPE',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y3C9D3W4W/conversions/Pipe-size_150_150.webp',
categoryLink: 'https://youmats.com/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes',
productLink: 'https://youmats.com/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'صواميل قفل نايلون مجلفنة سن خشن مقاس 24 مم صلابة 4.8 معيار DIN 985 | شركة ابسكو',
category: 'صواميل قفل',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YDE003BGL/conversions/Zinc-Plated-Nylon-Insert-Lock-Nut-size_150_150.webp',
categoryLink: 'https://youmats.com/lock-nuts',
productLink: 'https://youmats.com/lock-nuts/zinc-plated-nylon-insert-lock-nut-coarse-thread-size-24-mm-grade-48-din-985-standard-aobsco-company-950/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: ' لاصق ايبوكسي E7 لزراعة اشاير الحديد بولي ود كيس 1 كجم',
category: 'مواد لاصقة',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y54BA2JD0/conversions/E7-size_150_150.webp',
categoryLink: 'https://youmats.com/adhesives/adhesive-160',
productLink: 'https://youmats.com/adhesives/adhesive-160/epoxy-adhesive-for-ferrous-planting-anchor-fix-e7-polywed-bag-1-kg-112/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'انابيب UPVC بلاسكو جدول 80 مقاس ¾ إنش سمك 3.9 مم لون رمادي',
category: 'مواسير UPVC',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YE4872F55/conversions/Plasco2-size_150_150.webp',
categoryLink: 'https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes',
productLink: 'https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-plasco-schedule-80-size-inch-thickness-39-mm-gray-colour-130/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'دهان ريبكوت برايمر للحماية DCP برميل 20 لتر ',
category: 'دهانات الحماية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YF1392C4Q/conversions/Repcoat-size_150_150.webp',
categoryLink: 'https://youmats.com/paints/protective-coatings',
productLink: 'https://youmats.com/paints/protective-coatings/protective-paint-repcoat-primer-20-liters-barrel-dcp-990/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'حديد تسليح إيبوكسى براند ماس السمك 8 مم الطول 6 متر',
category: 'حديد تسليح',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/Y6E371HDQ/conversions/Epoxy1-size_150_150.webp',
categoryLink: 'https://youmats.com/steel-iron/reinforcing-iron',
productLink: 'https://youmats.com/steel-iron/reinforcing-iron/epoxy-coated-steel-rebar-brand-mass-thickness-8-mm-length-6-meters-742/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'لاغوروس نبات زينة صناعي، لون أصفر، ارتفاع 88 سم',
category: 'اشجار صناعية',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YC6EF7JRV/conversions/%D9%A3%D9%A0%D9%A3%D9%A2%D9%A6%D9%A3-size_150_150.webp',
categoryLink: 'https://youmats.com/trees-and-plants/artificial-trees',
productLink: 'https://youmats.com/trees-and-plants/artificial-trees/lagurus-artificial-decorative-plant-yellow-color-height-88-cm-918/i',
originalPrice: '',
finalPrice: '',
hasDiscount: false
}, {
name: 'فلنجة مواسير بلاستيك بولي ايثيلين عالي الكثافة، 900 مم [SDR 9]، لون اسود | مصنع الاتحاد للأنابيب',
category: 'فلنجات',
image: 'https://youmats-media.s3.me-central-1.amazonaws.com/YA0A86F4T/conversions/%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D9%87-%D8%A7%D9%84%D8%A7%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-size_150_150.webp',
categoryLink: 'https://youmats.com/hardware/fasteners/flanges',
productLink: 'https://youmats.com/hardware/fasteners/flanges/high-density-polyethylene-plastic-flange-adapter-900mm-sdr-9-black-color-union-pipe-factory-347/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;">

<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>


<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-tepered-edge-thickness-6-mm-size-24001220-mm-al-wataniya-gypsum-company-829/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y16DB6TBX/conversions/WhatsApp-Image-2024-12-24-at-12.41.09-PM-size_150_150.webp" alt="لوح اسمنت بورد حافة مدببة، سمك 6 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس" loading="lazy">
<div><h6>لوح اسمنت بورد حافة مدببة، سمك...</h6></div>
</a>
<a href="https://youmats.com/building-material/cement/sulphate-resisting-cement-src-um-al-qura-factory-708/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YCFAC2IIU/conversions/umm-al-qura1-size_150_150.webp" alt="اسمنت مقاوم للكبريتات SRC مصنع ام القرى" loading="lazy">
<div><h6>اسمنت مقاوم للكبريتات SRC م...</h6></div>
</a>
<a href="https://youmats.com/building-material/gypsum-boards/fire-and-moisture-resistant-gypsum-panel-size-24001200-mm-thickness-125-mm-green-color-al-wataniya-gypsum-company-600/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB06E6SDB/conversions/WhatsApp-Image-2024-12-23-at-12.44.53-PM-size_150_150.webp" alt="لوح جبس مقاوم للحريق و الرطوبة، مقاس 2400×1200 ملم، سمك 12.5 ملم، لون اخضر، شركة الوطنية للجبس" loading="lazy">
<div><h6>لوح جبس مقاوم للحريق و الرطوبة...</h6></div>
</a>
<a href="https://youmats.com/building-material/bricks/red-bricks/hourdi-red-bricks-al-khayyat-company-size-402025-cm-144/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA0242KUJ/conversions/Al-Khayyat-19-size_150_150.webp" alt="طوب احمر هوردي مطور مصنع الخياط مقاس 40×20×25 سم " loading="lazy">
<div><h6>طوب احمر هوردي مطور مصنع ال...</h6></div>
</a>
<a href="https://youmats.com/building-material/cement/ordinary-portland-cement-packaging-size-50-kg-riyadh-921/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1BC92J23/conversions/Riyadh2-size_150_150.webp" alt="أسمنت بورتلاندي عادي حجم 50 كجم الرياض" loading="lazy">
<div><h6>أسمنت بورتلاندي عادي حجم 50 كج...</h6></div>
</a>
<a href="https://youmats.com/building-material/ready-mix-concrete/ready-mix-concrete-c40-meyar-company-286/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y50FB8NYV/conversions/WhatsApp-Image-2025-05-26-at-10.55.30-AM-size_150_150.webp" alt="خرسانة جاهزة مقاومة C40 | شركة معيار" loading="lazy">
<div><h6>خرسانة جاهزة مقاومة C40 | شرك...</h6></div>
</a>
<a href="https://youmats.com/building-material/bricks/red-bricks/facade-bricks/red-brick-facade-al-yamama-factory-size-24011571-cm-compressive-resistance-305-kgcm2-377/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y57B42LYO/conversions/Alyamama-7-size_150_150.webp" alt="طوب احمر واجهات مصنع اليمامة مقاس 240×115×71 مم مقاومة الضغط 305 كغم/سم2 " loading="lazy">
<div><h6>طوب احمر واجهات مصنع اليمامة...</h6></div>
</a>
<a href="https://youmats.com/building-material/gypsum-boards/fire-moisture-resistant-gypsum-boards-perforated-gypsum-boards-size-12x24-m-thickness-125-mm-circle-design-322/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y97F85PLQ/conversions/1e1f88d2-156b-49f5-a4f4-62d52ba268e7-size_150_150.webp" alt="الواح جبس بورد مخرمه ألواح الجبس المقاومة للحريق والرطوبة مقاس 1.2×2.4 متر سماكة 12.5 مم، تصميم دائري" 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-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;" />

<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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement-boards" class="modern-featured-category-link">الواح اسمنت بورد</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement-boards/cement-boards-tepered-edge-thickness-6-mm-size-24001220-mm-al-wataniya-gypsum-company-829/i" class="modern-featured-title-link">
لوح اسمنت بورد حافة مدببة، سمك 6 ملم، مقاس 2400×1220 ملم، شركة ال...
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement-boards/cement-boards-tepered-edge-thickness-6-mm-size-24001220-mm-al-wataniya-gypsum-company-829/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/Y16DB6TBX/conversions/WhatsApp-Image-2024-12-24-at-12.41.09-PM-size_150_150.webp"
alt="لوح اسمنت بورد حافة مدببة، سمك 6 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس"
title="لوح اسمنت بورد حافة مدببة، سمك 6 ملم، مقاس 2400×1220 ملم، شركة الوطنية للجبس"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement" class="modern-featured-category-link">الاسمنت</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement/sulphate-resisting-cement-src-um-al-qura-factory-708/i" class="modern-featured-title-link">
اسمنت مقاوم للكبريتات SRC مصنع ام القرى
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement/sulphate-resisting-cement-src-um-al-qura-factory-708/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/YCFAC2IIU/conversions/umm-al-qura1-size_150_150.webp"
alt="اسمنت مقاوم للكبريتات SRC مصنع ام القرى"
title="اسمنت مقاوم للكبريتات SRC مصنع ام القرى"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/gypsum-boards" class="modern-featured-category-link">الواح جبس بورد</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/gypsum-boards/fire-and-moisture-resistant-gypsum-panel-size-24001200-mm-thickness-125-mm-green-color-al-wataniya-gypsum-company-600/i" class="modern-featured-title-link">
لوح جبس مقاوم للحريق و الرطوبة، مقاس 2400×1200 ملم، سمك 12.5 ملم...
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/gypsum-boards/fire-and-moisture-resistant-gypsum-panel-size-24001200-mm-thickness-125-mm-green-color-al-wataniya-gypsum-company-600/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/YB06E6SDB/conversions/WhatsApp-Image-2024-12-23-at-12.44.53-PM-size_150_150.webp"
alt="لوح جبس مقاوم للحريق و الرطوبة، مقاس 2400×1200 ملم، سمك 12.5 ملم، لون اخضر، شركة الوطنية للجبس"
title="لوح جبس مقاوم للحريق و الرطوبة، مقاس 2400×1200 ملم، سمك 12.5 ملم، لون اخضر، شركة الوطنية للجبس"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/bricks/red-bricks" class="modern-featured-category-link">طوب احمر</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/bricks/red-bricks/hourdi-red-bricks-al-khayyat-company-size-402025-cm-144/i" class="modern-featured-title-link">
طوب احمر هوردي مطور مصنع الخياط مقاس 40×20×25 سم
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/bricks/red-bricks/hourdi-red-bricks-al-khayyat-company-size-402025-cm-144/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/YA0242KUJ/conversions/Al-Khayyat-19-size_150_150.webp"
alt="طوب احمر هوردي مطور مصنع الخياط مقاس 40×20×25 سم "
title="طوب احمر هوردي مطور مصنع الخياط مقاس 40×20×25 سم "
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/cement" class="modern-featured-category-link">الاسمنت</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/cement/ordinary-portland-cement-packaging-size-50-kg-riyadh-921/i" class="modern-featured-title-link">
أسمنت بورتلاندي عادي حجم 50 كجم الرياض
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/cement/ordinary-portland-cement-packaging-size-50-kg-riyadh-921/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/Y1BC92J23/conversions/Riyadh2-size_150_150.webp"
alt="أسمنت بورتلاندي عادي حجم 50 كجم الرياض"
title="أسمنت بورتلاندي عادي حجم 50 كجم الرياض"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/ready-mix-concrete" class="modern-featured-category-link">خرسانه جاهزه</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/ready-mix-concrete/ready-mix-concrete-c40-meyar-company-286/i" class="modern-featured-title-link">
خرسانة جاهزة مقاومة C40 | شركة معيار
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/ready-mix-concrete/ready-mix-concrete-c40-meyar-company-286/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/Y50FB8NYV/conversions/WhatsApp-Image-2025-05-26-at-10.55.30-AM-size_150_150.webp"
alt="خرسانة جاهزة مقاومة C40 | شركة معيار"
title="خرسانة جاهزة مقاومة C40 | شركة معيار"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/bricks/red-bricks/facade-bricks" class="modern-featured-category-link">طوب واجهات</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/bricks/red-bricks/facade-bricks/red-brick-facade-al-yamama-factory-size-24011571-cm-compressive-resistance-305-kgcm2-377/i" class="modern-featured-title-link">
طوب احمر واجهات مصنع اليمامة مقاس 240×115×71 مم مقاومة الضغط 3...
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/bricks/red-bricks/facade-bricks/red-brick-facade-al-yamama-factory-size-24011571-cm-compressive-resistance-305-kgcm2-377/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/Y57B42LYO/conversions/Alyamama-7-size_150_150.webp"
alt="طوب احمر واجهات مصنع اليمامة مقاس 240×115×71 مم مقاومة الضغط 305 كغم/سم2 "
title="طوب احمر واجهات مصنع اليمامة مقاس 240×115×71 مم مقاومة الضغط 305 كغم/سم2 "
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-featured-category">
<a href="https://youmats.com/building-material/gypsum-boards" class="modern-featured-category-link">الواح جبس بورد</a>
</div>

<h5 class="modern-featured-title">
<a href="https://youmats.com/building-material/gypsum-boards/fire-moisture-resistant-gypsum-boards-perforated-gypsum-boards-size-12x24-m-thickness-125-mm-circle-design-322/i" class="modern-featured-title-link">
الواح جبس بورد مخرمه ألواح الجبس المقاومة للحريق والرطوبة مقاس 1....
</a>
</h5>

<div class="modern-featured-image-wrapper">
<a href="https://youmats.com/building-material/gypsum-boards/fire-moisture-resistant-gypsum-boards-perforated-gypsum-boards-size-12x24-m-thickness-125-mm-circle-design-322/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/Y97F85PLQ/conversions/1e1f88d2-156b-49f5-a4f4-62d52ba268e7-size_150_150.webp"
alt="الواح جبس بورد مخرمه ألواح الجبس المقاومة للحريق والرطوبة مقاس 1.2×2.4 متر سماكة 12.5 مم، تصميم دائري"
title="الواح جبس بورد مخرمه ألواح الجبس المقاومة للحريق والرطوبة مقاس 1.2×2.4 متر سماكة 12.5 مم، تصميم دائري"
width="150"
height="150"
loading="lazy" />
<div class="modern-featured-image-overlay"></div>
</div>
</a>
</div>

</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-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-500-gpm-rated-net-pressure-6-bar-848/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y401214VX/conversions/Heba-Pump-size_150_150.webp" alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة الضغط 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-1500-gbm-rated-net-pressure-10-bar-334/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB43514V7/conversions/HEBA15-size_150_150.webp" alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 10 بار" loading="lazy">
<div><h6>مضخات حريق هبة مصنوعه من صب ح...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-alsafi-made-of-cast-iron-rated-capacity-1500-gpm-rated-net-pressure-56-85-psi-146/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y01B2O5Q/conversions/WhatsApp-Image-2022-11-29-at-4.38.46-PM-size_150_150.webp" alt="مضخات حريق الصافي مصنوعه من صب حديد الزهر السعه 1500 جالون/ الدقيقة الضغط 85-56 باسكال" 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-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-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-alsafi-made-of-cast-iron-rated-capacity-1250-gpm-rated-net-pressure-70-166-psi-448/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y26DD23GS/conversions/fire-pump-1-size_150_150.webp" alt="مضخات حريق الصافي مصنوعه من صب حديد الزهر السعه 1250 جالون / الدقيقة الضغط 70-166 باسكال" 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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<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-150-gpm-rated-net-pressure-10-bar-362/i" class="modern-compact-title-link">
مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 150 جالون/ الدقيقة...
</a>
</h5>

<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-150-gpm-rated-net-pressure-10-bar-362/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/Y58BB14TZ/conversions/Heba-Pump-size_150_150.webp"
alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 150 جالون/ الدقيقة الضغط 10 بار"
title="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 150 جالون/ الدقيقة الضغط 10 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<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-6-bar-848/i" class="modern-compact-title-link">
مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة...
</a>
</h5>

<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-6-bar-848/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/Y401214VX/conversions/Heba-Pump-size_150_150.webp"
alt="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة الضغط 6 بار"
title="مضخات حريق هبه مصنوعه من صب حديد الزهر السعه 500 جالون/ الدقيقة الضغط 6 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<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-10-bar-334/i" class="modern-compact-title-link">
مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة...
</a>
</h5>

<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-10-bar-334/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/YB43514V7/conversions/HEBA15-size_150_150.webp"
alt="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 10 بار"
title="مضخات حريق هبة مصنوعه من صب حديد الزهر السعه 1500 جالون / دقيقة الضغط 10 بار"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-alsafi-made-of-cast-iron-rated-capacity-1500-gpm-rated-net-pressure-56-85-psi-146/i" class="modern-compact-title-link">
مضخات حريق الصافي مصنوعه من صب حديد الزهر السعه 1500 جالون/ الد...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps/fire-pumps-alsafi-made-of-cast-iron-rated-capacity-1500-gpm-rated-net-pressure-56-85-psi-146/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/Y01B2O5Q/conversions/WhatsApp-Image-2022-11-29-at-4.38.46-PM-size_150_150.webp"
alt="مضخات حريق الصافي مصنوعه من صب حديد الزهر السعه 1500 جالون/ الدقيقة الضغط 85-56 باسكال"
title="مضخات حريق الصافي مصنوعه من صب حديد الزهر السعه 1500 جالون/ الدقيقة الضغط 85-56 باسكال"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<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>

<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>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-pumps" class="modern-compact-category-link">مضخات حريق</a>
</div>

<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>

<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>

</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/precast-concrete-height-854/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE5348NG6/conversions/WhatsApp-Image-2025-05-22-at-10.20.59-AM-size_150_150.webp" alt="خزان مياه رأسي بتصميم مدعوم بالأرجل سعة 850 لتر، ضغط 8 بار، قطر 800 مم، ارتفاع 2020 مم، لون اخضر" loading="lazy">
<div><h6>خزان مياه رأسي بتصميم مدعوم با...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-polyethylene-horizontal-water-tank-with-capacity-1500-liter-length-167/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0FAF46DD/conversions/water-tank-size_150_150.webp" alt="خزان مياه العربية افقى مصنوع من البولى ايثيلين سعة 1500 لتر مقاس طوله 167 سم" loading="lazy">
<div><h6>خزان مياه العربية افقى مصنوع م...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-150000-liters/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y1C6329KW/conversions/marjan-horizontal-water-tank-size_150_150.webp" alt="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 150000 لتر قطر400الطول1297 سم" loading="lazy">
<div><h6>خزان مياه مرجان افقى مصنوع من...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-horizontal-with-capacity-400-liter-481/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE5701824/conversions/Horizontal-Al-Arabia-water-tank-size_150_150.webp" alt="خزان مياه العربية افقى من البولى ايثيلين سعة 400 لتر" 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-25000-liter-long-size-585-235-245-meter-178/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y60E11P2O/conversions/Al-Qemah-Water-Tank-Underground-size_150_150.webp" alt="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 25000 لتر طويل مقاس 5.85 × 2.35 × 2.45 متر" loading="lazy">
<div><h6>خزان مياه القمة دفان تحت الارض...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidib-national-water-tank-polyethylene-horizontal-with-capacity-1000-liter-697/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5EA217WX/conversions/Al-Muhaideb-horizontal-size_150_150.webp" alt="خزان مياه الوطني المهيدب افقى مصنوع من البولى ايثيلين سعة 1000 لتر" loading="lazy">
<div><h6>خزان مياه الوطني المهيدب افقى...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-hussaini-horizontal-made-of-polyethylene-with-capacity-500-liter-492/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB27D1WNI/conversions/Al-Hussaini-Water-Tank-400-500-size_150_150.webp" alt="خزان مياه الحسيني افقى مصنوع من البولى ايثيلين سعة 500 لتر" loading="lazy">
<div><h6>خزان مياه الحسيني افقى مصنوع...</h6></div>
</a>
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-qemah-horizontal-made-of-fiber-glass-with-capacity-10000-liter-size-580-150-160-meter-115/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y93CC225X/conversions/Al-Qemah-Water-Tank-size_150_150.webp" alt="خزان مياه القمة افقى مصنوع من فايبر جلاس سعة 10000 لتر مقاس 5.80 × 1.50 × 1.60 متر" 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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/precast-concrete-height-854/i" class="modern-compact-title-link">
خزان مياه رأسي بتصميم مدعوم بالأرجل سعة 850 لتر، ضغط 8 بار، قطر 8...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/precast-concrete-height-854/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/YE5348NG6/conversions/WhatsApp-Image-2025-05-22-at-10.20.59-AM-size_150_150.webp"
alt="خزان مياه رأسي بتصميم مدعوم بالأرجل سعة 850 لتر، ضغط 8 بار، قطر 800 مم، ارتفاع 2020 مم، لون اخضر"
title="خزان مياه رأسي بتصميم مدعوم بالأرجل سعة 850 لتر، ضغط 8 بار، قطر 800 مم، ارتفاع 2020 مم، لون اخضر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-polyethylene-horizontal-water-tank-with-capacity-1500-liter-length-167/i" class="modern-compact-title-link">
خزان مياه العربية افقى مصنوع من البولى ايثيلين سعة 1500 لتر مقاس...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-polyethylene-horizontal-water-tank-with-capacity-1500-liter-length-167/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/Y0FAF46DD/conversions/water-tank-size_150_150.webp"
alt="خزان مياه العربية افقى مصنوع من البولى ايثيلين سعة 1500 لتر مقاس طوله 167 سم"
title="خزان مياه العربية افقى مصنوع من البولى ايثيلين سعة 1500 لتر مقاس طوله 167 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-150000-liters/i" class="modern-compact-title-link">
خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 150000 لتر قطر400ا...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/marjan-fiber-glass-horizontal-water-tank-capacity-with-150000-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/Y1C6329KW/conversions/marjan-horizontal-water-tank-size_150_150.webp"
alt="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 150000 لتر قطر400الطول1297 سم"
title="خزان مياه مرجان افقى مصنوع من فايبر جلاس سعة 150000 لتر قطر400الطول1297 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-horizontal-with-capacity-400-liter-481/i" class="modern-compact-title-link">
خزان مياه العربية افقى من البولى ايثيلين سعة 400 لتر
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-arabia-water-tank-polyethylene-horizontal-with-capacity-400-liter-481/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/YE5701824/conversions/Horizontal-Al-Arabia-water-tank-size_150_150.webp"
alt="خزان مياه العربية افقى من البولى ايثيلين سعة 400 لتر"
title="خزان مياه العربية افقى من البولى ايثيلين سعة 400 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/water-tank-al-qemah-underground-made-of-fiber-glass-with-capacity-25000-liter-long-size-585-235-245-meter-178/i" class="modern-compact-title-link">
خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 25000 لتر...
</a>
</h5>

<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-25000-liter-long-size-585-235-245-meter-178/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/Y60E11P2O/conversions/Al-Qemah-Water-Tank-Underground-size_150_150.webp"
alt="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 25000 لتر طويل مقاس 5.85 × 2.35 × 2.45 متر"
title="خزان مياه القمة دفان تحت الارض مصنوع من فايبر جلاس سعة 25000 لتر طويل مقاس 5.85 × 2.35 × 2.45 متر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/water-tanks" class="modern-compact-category-link">خزانات مياه</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidib-national-water-tank-polyethylene-horizontal-with-capacity-1000-liter-697/i" class="modern-compact-title-link">
خزان مياه الوطني المهيدب افقى مصنوع من البولى ايثيلين سعة 1000...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/water-tanks/al-muhaidib-national-water-tank-polyethylene-horizontal-with-capacity-1000-liter-697/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/Y5EA217WX/conversions/Al-Muhaideb-horizontal-size_150_150.webp"
alt="خزان ماء 1000 لتر المهيدب"
title="خزان مياه الوطني المهيدب افقى مصنوع من البولى ايثيلين سعة 1000 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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-roof-sheet-shinko-zinc-thickness-05-mm-length-2-meter-gray-color-613/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YBCA537TO/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 2 متر لون رمادي" 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-5-meter-gray-color-299/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y113037RM/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 5 متر لون رمادي" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-45-meter-brown-color-296/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE3FD38R1/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%288%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 4.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-45-meter-beige-color-347/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA08738W0/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%289%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 4.5 متر لون بيج" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-2-meter-blue-color-209/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7A6D38IO/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%283%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 2 متر لون ازرق" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-6-meter-gray-color-111/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5F9A37TK/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 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-2-meter-brown-color-632/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE8D038Q3/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%288%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 2 متر لون بني" loading="lazy">
<div><h6>الواح شينكو معدنية [شينكو زنك]...</h6></div>
</a>
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-6-meter-blue-color-798/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YDFAB38IY/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%283%29-size_150_150.webp" alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 6 متر لون ازرق" 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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-2-meter-gray-color-613/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 2 متر لون رمادي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-05-mm-length-2-meter-gray-color-613/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/YBCA537TO/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 2 متر لون رمادي"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.5 مم طول 2 متر لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-5-meter-gray-color-299/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 5 متر لون رمادي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-03-mm-length-5-meter-gray-color-299/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/Y113037RM/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 5 متر لون رمادي"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.3 مم طول 5 متر لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-45-meter-brown-color-296/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 4.5 متر لون بني
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-45-meter-brown-color-296/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/YE3FD38R1/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%288%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 4.5 متر لون بني"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 4.5 متر لون بني"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-06-mm-length-45-meter-beige-color-347/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 4.5 متر لون بيج
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-06-mm-length-45-meter-beige-color-347/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/YA08738W0/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%289%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 4.5 متر لون بيج"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.6 مم طول 4.5 متر لون بيج"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-2-meter-blue-color-209/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 2 متر لون ازرق
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-2-meter-blue-color-209/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/Y7A6D38IO/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%283%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 2 متر لون ازرق"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 2 متر لون ازرق"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/corrugated-sheet" class="modern-compact-category-link">الواح شينكو</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-6-meter-gray-color-111/i" class="modern-compact-title-link">
الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 6 متر لون رمادي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/corrugated-sheet/corrugated-roof-sheet-shinko-zinc-thickness-04-mm-length-6-meter-gray-color-111/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/Y5F9A37TK/conversions/Corrugated-Roof-Sheet-%5BShinko-Zinc%5D-%282%29-size_150_150.webp"
alt="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 6 متر لون رمادي"
title="الواح شينكو معدنية [شينكو زنك] سماكة 0.4 مم طول 6 متر لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-plasco-schedule-80-size-inch-thickness-39-mm-gray-colour-130/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE4872F55/conversions/Plasco2-size_150_150.webp" alt="انابيب UPVC بلاسكو جدول 80 مقاس ¾ إنش سمك 3.9 مم لون رمادي" loading="lazy">
<div><h6>انابيب UPVC بلاسكو جدول 80 مق...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y3C9D3W4W/conversions/Pipe-size_150_150.webp" alt="انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي" loading="lazy">
<div><h6>انابيب بلاستيك LDPE [سابكو] ضغ...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/pvc-pipes-and-fittings/pvc-elbows/pvc-elbow-schedule-80-45-fpt-x-fpt-nibco-size-2-inch-colour-dark-gray-880/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y855C1896/conversions/NIBCO5-size_150_150.webp" alt="كوع بلاستيك PVC زاوية °45 بسن داخلي ( FPT X FPT ) جدول 80 براند نيبكو مقاس 2 إنش لون رمادي غامق" loading="lazy">
<div><h6>كوع بلاستيك PVC زاوية °45 بسن...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-reducer/upvc-reducer-bush-size-31-12-inch-white-color-almona-factory-961/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7D9F3JSX/conversions/UPVC-Plastic-Reducer-Bush-white-size_150_150.webp" alt="نقاص يو بي في سي مقاس 3×1/2 1 انش لون أبيض | مصنع المنى" loading="lazy">
<div><h6>نقاص يو بي في سي مقاس 3×1/2...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-hdpe-plastic-pipes-size-25-mm-125-bar-pressure-union-pipes-factory-256/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y39715QHO/conversions/High-Density-Polyethylene-Pipe1-size_150_150.webp" alt="أنابيب بلاستيك HDPE عالية الكثافة، مقاس 25 مم، ضغط 12.5 بار | مصنع الاتحاد للأنابيب" loading="lazy">
<div><h6>أنابيب بلاستيك HDPE عالية الكث...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-plastic-rj-pipes-outside-diameter-75-mm-pressure-10-bar-thickness-36-mm-gray-color-saudi-industries-for-pipes-710/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y992670F8/conversions/ropper-size_150_150.webp" alt="مواسير ربر بلاستيك UPVC قطر خارجي 75 مم، ضغط 10 بار، سماكة 3.6 مم، لون رمادي | من الصناعات السعودية للانابيب" loading="lazy">
<div><h6>مواسير ربر بلاستيك UPVC قطر خا...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/grp-pipes-and-fittings/grp-pipes/glass-fiber-reinforced-polyester-grp-pipe-size-3500-mm-thickness-39-mm-stiffness-class-sn-5000-hepco-company-188/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y10692OJD/conversions/GRP-PIPES-size_150_150.webp" alt="انابيب فيبر جلاس مقاس 3500 مم سمك 39 مم فئة الصلابة (SN 5000) شركة هيبكو" loading="lazy">
<div><h6>انابيب فيبر جلاس مقاس 3500 مم...</h6></div>
</a>
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/sappco-hdpe-pipe-pe-100-size-50-mm-thickness-3-mm-black-color-634/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5DF832XV/conversions/HDPE-Pipe-size_150_150.webp" alt=" مواسير بولي ايثيلين عالي الكثافة سابكو PE 100 قطر خارجي 50 مم سمك 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/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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-plasco-schedule-80-size-inch-thickness-39-mm-gray-colour-130/i" class="modern-compact-title-link">
انابيب UPVC بلاسكو جدول 80 مقاس ¾ إنش سمك 3.9 مم لون رمادي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-pipes-plasco-schedule-80-size-inch-thickness-39-mm-gray-colour-130/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/YE4872F55/conversions/Plasco2-size_150_150.webp"
alt="انابيب UPVC بلاسكو جدول 80 مقاس ¾ إنش سمك 3.9 مم لون رمادي"
title="انابيب UPVC بلاسكو جدول 80 مقاس ¾ إنش سمك 3.9 مم لون رمادي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/i" class="modern-compact-title-link">
انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/ldpe-pipes-and-fittings/ldpe-pipes/ldpe-plastic-pipe-sappco-pn-6-bar-outside-diameter-25-mm-thickness-27-mm-739/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/Y3C9D3W4W/conversions/Pipe-size_150_150.webp"
alt="انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي"
title="انابيب بلاستيك LDPE [سابكو] ضغط 6 بار قطر خارجي 25 ملي سماكة 2.7 ملي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/pvc-pipes-and-fittings/pvc-elbows/pvc-elbow-schedule-80-45-fpt-x-fpt-nibco-size-2-inch-colour-dark-gray-880/i" class="modern-compact-title-link">
كوع بلاستيك PVC زاوية °45 بسن داخلي ( FPT X FPT ) جدول 80 براند...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/pvc-pipes-and-fittings/pvc-elbows/pvc-elbow-schedule-80-45-fpt-x-fpt-nibco-size-2-inch-colour-dark-gray-880/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/Y855C1896/conversions/NIBCO5-size_150_150.webp"
alt="كوع بلاستيك PVC زاوية °45 بسن داخلي ( FPT X FPT ) جدول 80 براند نيبكو مقاس 2 إنش لون رمادي غامق"
title="كوع بلاستيك PVC زاوية °45 بسن داخلي ( FPT X FPT ) جدول 80 براند نيبكو مقاس 2 إنش لون رمادي غامق"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-reducer/upvc-reducer-bush-size-31-12-inch-white-color-almona-factory-961/i" class="modern-compact-title-link">
نقاص يو بي في سي مقاس 3×1/2 1 انش لون أبيض | مصنع المنى
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-reducer/upvc-reducer-bush-size-31-12-inch-white-color-almona-factory-961/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/Y7D9F3JSX/conversions/UPVC-Plastic-Reducer-Bush-white-size_150_150.webp"
alt="نقاص يو بي في سي مقاس 3×1/2 1 انش لون أبيض | مصنع المنى"
title="نقاص يو بي في سي مقاس 3×1/2 1 انش لون أبيض | مصنع المنى"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-hdpe-plastic-pipes-size-25-mm-125-bar-pressure-union-pipes-factory-256/i" class="modern-compact-title-link">
أنابيب بلاستيك HDPE عالية الكثافة، مقاس 25 مم، ضغط 12.5 بار | مصن...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/hdpe-pipes-and-fittings/hdpe-pipes/high-density-hdpe-plastic-pipes-size-25-mm-125-bar-pressure-union-pipes-factory-256/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/Y39715QHO/conversions/High-Density-Polyethylene-Pipe1-size_150_150.webp"
alt="أنابيب بلاستيك HDPE عالية الكثافة، مقاس 25 مم، ضغط 12.5 بار | مصنع الاتحاد للأنابيب"
title="أنابيب بلاستيك HDPE عالية الكثافة، مقاس 25 مم، ضغط 12.5 بار | مصنع الاتحاد للأنابيب"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/plumbing/pipe-and-fittings" class="modern-compact-category-link">المواسير ووصلات السباكة</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-plastic-rj-pipes-outside-diameter-75-mm-pressure-10-bar-thickness-36-mm-gray-color-saudi-industries-for-pipes-710/i" class="modern-compact-title-link">
مواسير ربر بلاستيك UPVC قطر خارجي 75 مم، ضغط 10 بار، سماكة 3.6 مم...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/plumbing/pipe-and-fittings/upvc-pipe-and-fittings/upvc-pipes/upvc-plastic-rj-pipes-outside-diameter-75-mm-pressure-10-bar-thickness-36-mm-gray-color-saudi-industries-for-pipes-710/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/Y992670F8/conversions/ropper-size_150_150.webp"
alt="مواسير ربر بلاستيك UPVC قطر خارجي 75 مم، ضغط 10 بار، سماكة 3.6 مم، لون رمادي | من الصناعات السعودية للانابيب"
title="مواسير ربر بلاستيك UPVC قطر خارجي 75 مم، ضغط 10 بار، سماكة 3.6 مم، لون رمادي | من الصناعات السعودية للانابيب"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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-water-alsafi-model-wh600-capacity-6-ltr-portable-344/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6A1714BT/conversions/Fire-size_150_150.webp" alt="طفايات حريق ماء الصافي موديل WH600 السعه 6 لتر متنقل " loading="lazy">
<div><h6>طفايات حريق ماء الصافي موديل W...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-heba-model-apx10-capacity-10-kg-automatic-826/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y43AC14L0/conversions/HEBA2-size_150_150.webp" alt="طفاية حريق بودره هبة موديل APX10 سعة 10 كجم اتوماتيك" loading="lazy">
<div><h6>طفاية حريق بودره هبة موديل AP...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-heba-model-afx45-capacity-45-liter-automatic-406/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y76CE14MR/conversions/Heba-automatic-foam-size_150_150.webp" alt="طفاية حريق فوم هبة موديل AFX4.5 سعة 4.5 لتر اتوماتيك" loading="lazy">
<div><h6>طفاية حريق فوم هبة موديل AFX4...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-alsafi-model-tc45-capacity-45-kg-mobile-409/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y954D12YE/conversions/WhatsApp-Image-2022-12-01-at-12.11.17-PM-size_150_150.webp" alt="طفايات حريق CO2 الصافي موديل TC45 السعه 45 كجم محمول " loading="lazy">
<div><h6>طفايات حريق CO2 الصافي موديل...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tf30-capacity-30-ltr-mobile-433/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6B7A12TT/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp" alt="طفايات حريق فوم الصافي موديل TF30 السعه 30 لتر محمول " loading="lazy">
<div><h6>طفايات حريق فوم الصافي موديل...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-sffeco-model-cd-10-l-capacity-454-kg-portable-324/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y622822U7/conversions/Portable-co2--fire-Extinguishers-size_150_150.webp" alt="طفايات حريق ثاني أكسيد الكربون سفيكو موديل CD 10-L سعة 4.54 كجم محمول" loading="lazy">
<div><h6>طفايات حريق ثاني أكسيد الكربون...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/co2-fire-extinguishers-naffco-model-nc5x-capacity-5-kg-mobile-kitemarklpcb-approved-373/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y499F23FM/conversions/Mobile-CO2-Fire-Extinguishers-%282%29-size_150_150.webp" alt="طفاية حريق ثاني أكسيد الكربون نافكو موديل NC5X سعة 5 كجم متنقل معتمدة من Kitemark/LPCB" loading="lazy">
<div><h6>طفاية حريق ثاني أكسيد الكربون...</h6></div>
</a>
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/foam-fire-extinguishers-naffco-model-6-nf-a-capacity-6-liter-portable-609/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5645239D/conversions/Portable-Foam-Fire-Extinguishers-Global-Mark-Certified-size_150_150.webp" alt="طفاية حريق رغوه نافكو موديل 6-NF-A سعة 6 لتر محمول" loading="lazy">
<div><h6>طفاية حريق رغوه نافكو موديل 6...</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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-water-alsafi-model-wh600-capacity-6-ltr-portable-344/i" class="modern-compact-title-link">
طفايات حريق ماء الصافي موديل WH600 السعه 6 لتر متنقل
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-water-alsafi-model-wh600-capacity-6-ltr-portable-344/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/Y6A1714BT/conversions/Fire-size_150_150.webp"
alt="طفايات حريق ماء الصافي موديل WH600 السعه 6 لتر متنقل "
title="طفايات حريق ماء الصافي موديل WH600 السعه 6 لتر متنقل "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-heba-model-apx10-capacity-10-kg-automatic-826/i" class="modern-compact-title-link">
طفاية حريق بودره هبة موديل APX10 سعة 10 كجم اتوماتيك
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-powder-heba-model-apx10-capacity-10-kg-automatic-826/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/Y43AC14L0/conversions/HEBA2-size_150_150.webp"
alt="طفاية حريق بودره هبة موديل APX10 سعة 10 كجم اتوماتيك"
title="طفاية حريق بودره هبة موديل APX10 سعة 10 كجم اتوماتيك"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-heba-model-afx45-capacity-45-liter-automatic-406/i" class="modern-compact-title-link">
طفاية حريق فوم هبة موديل AFX4.5 سعة 4.5 لتر اتوماتيك
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-heba-model-afx45-capacity-45-liter-automatic-406/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/Y76CE14MR/conversions/Heba-automatic-foam-size_150_150.webp"
alt="طفاية حريق فوم هبة موديل AFX4.5 سعة 4.5 لتر اتوماتيك"
title="طفاية حريق فوم هبة موديل AFX4.5 سعة 4.5 لتر اتوماتيك"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-alsafi-model-tc45-capacity-45-kg-mobile-409/i" class="modern-compact-title-link">
طفايات حريق CO2 الصافي موديل TC45 السعه 45 كجم محمول
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-alsafi-model-tc45-capacity-45-kg-mobile-409/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/Y954D12YE/conversions/WhatsApp-Image-2022-12-01-at-12.11.17-PM-size_150_150.webp"
alt="طفايات حريق CO2 الصافي موديل TC45 السعه 45 كجم محمول "
title="طفايات حريق CO2 الصافي موديل TC45 السعه 45 كجم محمول "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tf30-capacity-30-ltr-mobile-433/i" class="modern-compact-title-link">
طفايات حريق فوم الصافي موديل TF30 السعه 30 لتر محمول
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-foam-alsafi-model-tf30-capacity-30-ltr-mobile-433/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/Y6B7A12TT/conversions/WhatsApp-Image-2022-11-30-at-2.28.54-PM-size_150_150.webp"
alt="طفايات حريق فوم الصافي موديل TF30 السعه 30 لتر محمول "
title="طفايات حريق فوم الصافي موديل TF30 السعه 30 لتر محمول "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers" class="modern-compact-category-link">طفايات الحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-sffeco-model-cd-10-l-capacity-454-kg-portable-324/i" class="modern-compact-title-link">
طفايات حريق ثاني أكسيد الكربون سفيكو موديل CD 10-L سعة 4.54 كجم...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/safety-products/fire-safety-products/fire-extinguishers/fire-extinguishers-co2-sffeco-model-cd-10-l-capacity-454-kg-portable-324/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/Y622822U7/conversions/Portable-co2--fire-Extinguishers-size_150_150.webp"
alt="طفايات حريق ثاني أكسيد الكربون سفيكو موديل CD 10-L سعة 4.54 كجم محمول"
title="طفايات حريق ثاني أكسيد الكربون سفيكو موديل CD 10-L سعة 4.54 كجم محمول"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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/spotlights/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y526A6YKT/conversions/760002-size_150_150.webp" alt="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود" loading="lazy">
<div><h6>فريم سبوت لايت ثلاثي، طول 25 س...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y88191YIG/conversions/PANEL-DOWN-LIGHT-size_150_150.webp" alt="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الاضواء الش...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y3B1D1A12/conversions/recessed-downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الرائد 30 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF1F919XJ/conversions/SMD-Plastic-Downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الفنار 24 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y337C19XF/conversions/SMD-Plastic-Downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الفنار 15 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/track-light/downlight-magnetic-indoor-track-light-24w-size-300-mm-436/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y73C18M02/conversions/c0aabde1-b8ef-45a3-9f64-c94b198a1f78-size_150_150.webp" alt="ضوء مغناطيسي داخلي بقدرة 24 واط، مقاس 300 مم" loading="lazy">
<div><h6>ضوء مغناطيسي داخلي بقدرة 24 وا...</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/lighting-unit/led-linear-light-pan-lighting-40-watt-4800-lumen-color-temperature-4000k-928/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2DCF20MD/conversions/led-linear-m0del-103-size_150_150.webp" alt="وحدة انارة ليد خطية بان للاضاءة 40 واط 4800 لومن درجة حرارة اللون 4000k" 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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/i" class="modern-compact-title-link">
فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/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/Y526A6YKT/conversions/760002-size_150_150.webp"
alt="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود"
title="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/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/Y88191YIG/conversions/PANEL-DOWN-LIGHT-size_150_150.webp"
alt="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض"
title="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/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/Y3B1D1A12/conversions/recessed-downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض"
title="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/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/YF1F919XJ/conversions/SMD-Plastic-Downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر"
title="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/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/Y337C19XF/conversions/SMD-Plastic-Downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي"
title="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights" class="modern-compact-category-link">أضاءة الاسقف</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/track-light/downlight-magnetic-indoor-track-light-24w-size-300-mm-436/i" class="modern-compact-title-link">
ضوء مغناطيسي داخلي بقدرة 24 واط، مقاس 300 مم
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/track-light/downlight-magnetic-indoor-track-light-24w-size-300-mm-436/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/Y73C18M02/conversions/c0aabde1-b8ef-45a3-9f64-c94b198a1f78-size_150_150.webp"
alt="ضوء مغناطيسي داخلي بقدرة 24 واط، مقاس 300 مم"
title="ضوء مغناطيسي داخلي بقدرة 24 واط، مقاس 300 مم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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/playwood-wood/plywood-veneer/oak-veneer-plywood-size-36-mm-90-214-cm-834/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y26021BHW/conversions/Oak-veneer-plywood-size_150_150.webp" alt="خشب ابلكاش قشره سنديان المقاس 9 مم × 122 × 244 سم وجه واحد" loading="lazy">
<div><h6>خشب ابلكاش قشره سنديان المقا...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/wood-alternative-size-18-290-cm-marble-brown-color-model-vc1001-l32-160/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y60DC4O91/conversions/VC1001-L32-size_150_150.webp" alt="بديل الخشب مقاس 18 × 290 سم لون بني رخامي " loading="lazy">
<div><h6>بديل الخشب مقاس 18 × 290 سم لو...</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/russian-wood/russian-redwood-1/-683/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA78B1JK6/conversions/Russian-RedWood-5th-size_150_150.webp" alt="خشب روسي أحمر خامس مقاس 5 × 22.5 × 330 سم" loading="lazy">
<div><h6>خشب روسي أحمر خامس مقاس 5 × 22...</h6></div>
</a>
<a href="https://youmats.com/wood/mdf-wood/melamine-mdf-masdar-size-3-mm-1-face-modecor-432-986/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YABB719KD/conversions/Mdf-3mm-one-face-size_150_150.webp" alt="خشب ام دي اف ميلامين مقاس 3 مم وجه واحد موديكور 432" loading="lazy">
<div><h6>خشب ام دي اف ميلامين مقاس 3...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/sheboard-decorative-wood-replacement-size-122-x-290-cm-model-ak-m521-ice-blue-color-779/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y98074RZT/conversions/AK-M521-size_150_150.webp" alt="بديل خشب ديكور شيبورد مقاس 122×290سم لون ازرق ثلجي" loading="lazy">
<div><h6>بديل خشب ديكور شيبورد مقاس 122...</h6></div>
</a>
<a href="https://youmats.com/wood/construction-timber/red-wood/swedish-red-wood-v-size-38-20-cm-570-m-350/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD53E1AOA/conversions/Swedish-Red-Wood-_v_-size_150_150.webp" alt="خشب احمر سويدي خامس مقاس 3.8 × 20 سم × 3.30 متر " loading="lazy">
<div><h6>خشب احمر سويدي خامس مقاس 3.8 ×...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/chinese-internal-wood-substitute-for-ceilling-size-1212290-mm-jp-32-palaces-for-decoration-company-108/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y883A2RFE/conversions/JP-32-size_150_150.webp" alt="بديل الخشب صيني للاسقف داخلي مقاس 12×1.2×290 مم JP-32 | شركة القصور للديكور" loading="lazy">
<div><h6>بديل الخشب صيني للاسقف داخلي م...</h6></div>
</a>
<a href="https://youmats.com/wood/wood-substitute/decorative-panel-wood-alternative-gray-size-16290-cm-model-159-12-am-780-497/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB36F5HGV/conversions/1-size_150_150.webp" alt="لوح بديل خشب للديكور، رمادي، مقاس 16×290 سم، موديل 159 - 12 - Am 780" 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/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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/playwood-wood/plywood-veneer/oak-veneer-plywood-size-36-mm-90-214-cm-834/i" class="modern-compact-title-link">
خشب ابلكاش قشره سنديان المقاس 9 مم × 122 × 244 سم وجه واحد
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/playwood-wood/plywood-veneer/oak-veneer-plywood-size-36-mm-90-214-cm-834/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/Y26021BHW/conversions/Oak-veneer-plywood-size_150_150.webp"
alt="خشب ابلكاش قشره سنديان المقاس 9 مم × 122 × 244 سم وجه واحد"
title="خشب ابلكاش قشره سنديان المقاس 9 مم × 122 × 244 سم وجه واحد"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/wood-substitute/wood-alternative-size-18-290-cm-marble-brown-color-model-vc1001-l32-160/i" class="modern-compact-title-link">
بديل الخشب مقاس 18 × 290 سم لون بني رخامي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/wood-substitute/wood-alternative-size-18-290-cm-marble-brown-color-model-vc1001-l32-160/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/Y60DC4O91/conversions/VC1001-L32-size_150_150.webp"
alt="بديل الخشب مقاس 18 × 290 سم لون بني رخامي "
title="بديل الخشب مقاس 18 × 290 سم لون بني رخامي "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/construction-timber/russian-wood/russian-redwood-1/-683/i" class="modern-compact-title-link">
خشب روسي أحمر خامس مقاس 5 × 22.5 × 330 سم
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/construction-timber/russian-wood/russian-redwood-1/-683/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/YA78B1JK6/conversions/Russian-RedWood-5th-size_150_150.webp"
alt="خشب روسي أحمر خامس مقاس 5 × 22.5 × 330 سم"
title="خشب روسي أحمر خامس مقاس 5 × 22.5 × 330 سم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/mdf-wood/melamine-mdf-masdar-size-3-mm-1-face-modecor-432-986/i" class="modern-compact-title-link">
خشب ام دي اف ميلامين مقاس 3 مم وجه واحد موديكور 432
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/mdf-wood/melamine-mdf-masdar-size-3-mm-1-face-modecor-432-986/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/YABB719KD/conversions/Mdf-3mm-one-face-size_150_150.webp"
alt="خشب ام دي اف ميلامين مقاس 3 مم وجه واحد موديكور 432"
title="خشب ام دي اف ميلامين مقاس 3 مم وجه واحد موديكور 432"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/wood-substitute/sheboard-decorative-wood-replacement-size-122-x-290-cm-model-ak-m521-ice-blue-color-779/i" class="modern-compact-title-link">
بديل خشب ديكور شيبورد مقاس 122×290سم لون ازرق ثلجي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/wood-substitute/sheboard-decorative-wood-replacement-size-122-x-290-cm-model-ak-m521-ice-blue-color-779/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/Y98074RZT/conversions/AK-M521-size_150_150.webp"
alt="بديل خشب ديكور شيبورد مقاس 122×290سم لون ازرق ثلجي"
title="بديل خشب ديكور شيبورد مقاس 122×290سم لون ازرق ثلجي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/wood" class="modern-compact-category-link">الأخشاب</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/wood/construction-timber/red-wood/swedish-red-wood-v-size-38-20-cm-570-m-350/i" class="modern-compact-title-link">
خشب احمر سويدي خامس مقاس 3.8 × 20 سم × 3.30 متر
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/wood/construction-timber/red-wood/swedish-red-wood-v-size-38-20-cm-570-m-350/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/YD53E1AOA/conversions/Swedish-Red-Wood-_v_-size_150_150.webp"
alt="خشب أحمر سويدي مقاس 3.8 × 20 سم"
title="خشب احمر سويدي خامس مقاس 3.8 × 20 سم × 3.30 متر "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y526A6YKT/conversions/760002-size_150_150.webp" alt="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود" loading="lazy">
<div><h6>فريم سبوت لايت ثلاثي، طول 25 س...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y88191YIG/conversions/PANEL-DOWN-LIGHT-size_150_150.webp" alt="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الاضواء الش...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y3B1D1A12/conversions/recessed-downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الرائد 30 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YF1F919XJ/conversions/SMD-Plastic-Downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الفنار 24 و...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y337C19XF/conversions/SMD-Plastic-Downlight-size_150_150.webp" alt="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الفنار 15 و...</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-al-adwaa-30-watt-2700-lumen-color-temperature-creamy-901/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y2B4F1ZM9/conversions/COB-DOWN-LIGHT-size_150_150.webp" alt="سبوت لايت ليد غاطس الاضواء 30 واط 2700 لومن لون الاضاءة كريمي" loading="lazy">
<div><h6>سبوت لايت ليد غاطس الاضواء 30...</h6></div>
</a>
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/small-black-led-spotlight-3w-power-2-cm-depth-42-cm-outer-frame-190/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9F916TWL/conversions/760013-size_150_150.webp" alt="سبوت لايت أسود صغير متحرك، قدرة 3 وات، عمق 2 سم، الفريم الخارجي 4.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/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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/i" class="modern-compact-title-link">
فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/triple-spotlight-frame-25-cm-length-9-cm-width-black-color-468/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/Y526A6YKT/conversions/760002-size_150_150.webp"
alt="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود"
title="فريم سبوت لايت ثلاثي، طول 25 سم، عرض 9 سم، لون أسود"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-full-light-20-watt-1760-lumen-color-temperature-white-449/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/Y88191YIG/conversions/PANEL-DOWN-LIGHT-size_150_150.webp"
alt="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض"
title="سبوت لايت ليد غاطس الاضواء الشاملة للانارة 20 واط 1760 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alraed-30w-3000-lumen-size-color-temperature-white-704/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/Y3B1D1A12/conversions/recessed-downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض"
title="سبوت لايت ليد غاطس الرائد 30 واط 3000 لومن لون الاضاءة أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-24w-2040-lumen-size-20-cm-color-temperature-warm-185/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/YF1F919XJ/conversions/SMD-Plastic-Downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر"
title="سبوت لايت ليد غاطس الفنار 24 واط 2040 لومن مقاس 20 سم الضوء أصفر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/i" class="modern-compact-title-link">
سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights/recessed-spotlight-led-alfanar-15w-1350-lumen-size-14-cm-color-temperature-warm-white-657/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/Y337C19XF/conversions/SMD-Plastic-Downlight-size_150_150.webp"
alt="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي"
title="سبوت لايت ليد غاطس الفنار 15 واط 1350 لومن مقاس 14 سم الضوء شمسي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/lighting/ceiling-lights/spotlights" class="modern-compact-category-link">سبوت لايت ليد</a>
</div>

<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>

<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>

</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-4-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-894/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y0A361CVH/conversions/Electrical-light-switch-4-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/blank-plate-1-gang-dark-gray-color-86x86mm-siemens-delta-arina-554/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7B078OZN/conversions/c86df272-af09-430c-b165-6725176dc999-size_150_150.webp" alt="غطاء تسكيرة كهرباء مفرد، لون رمادي داكن، 86×86 مم، ماركة سيمنز (دلتا أرينا)" loading="lazy">
<div><h6>غطاء تسكيرة كهرباء مفرد، لون ر...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/20-amp-light-switch-2-gang-2-way-beige-color-7x7cm-250v-sas209-spectra-902/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y56CF5IO3/conversions/Light-Switch2-size_150_150.webp" alt="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون بيج، 7×7 سم، 250 فولت | سبكترا" loading="lazy">
<div><h6>مفتاح انارة مزدوج اتجاهين 20 أ...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/single-direction-switch-10-amps-capacity-220-volts-size-77-cm-matte-black-241/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB0106UJF/conversions/1-size_150_150.webp" alt="مفتاح مفرد دركسيون، قدرة 10 أمبير، فولت 220، مقاس 7×7 سم، لون أسود مطفي " loading="lazy">
<div><h6>مفتاح مفرد دركسيون، قدرة 10 أم...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/water-heater-switch-1-gang-1-way-20-amp-white-color-size-7x7-cm-abb-brand-195/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YEFF47YJ2/conversions/WhatsApp-Image-2025-02-04-at-6.38.12-PM-size_150_150.webp" alt="مفتاح سخان مفرد 20 امبير، لون ابيض، مقاس 7×7 سم براند أي بي بي" loading="lazy">
<div><h6>مفتاح سخان مفرد 20 امبير، لون...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-10a-1-gang-2-way-gold-color-7x7cm-250v-sas109-tri-spectrum-230/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y9F835GF0/conversions/Electrical-Light-Switch7-size_150_150.webp" alt="مفتاح انارة كهربائي مزدوج دركسيون 10 أمبير، لون ذهبي، 7×7 سم، 250 فولت | سبكترا" loading="lazy">
<div><h6>مفتاح انارة كهربائي مزدوج دركس...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-intermediate-1-gang-20-amp-mira-alfanar-size-77-cm-color-white-319/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y88B11B8B/conversions/MB101-G2-size_150_150.webp" alt="مفتاح كهرباء متوسط مفرد 20 امبير ميرا الفنار مقاس 7×7 سم اللون ابيض " loading="lazy">
<div><h6>مفتاح كهرباء متوسط مفرد 20 امب...</h6></div>
</a>
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/double-pole-switch-20amp-2-gang-with-led-indicator-dark-silver-color-7x7cm-sas228-tri-spectrum-821/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y4CD35HKJ/conversions/Double-Pole-Switch6-size_150_150.webp" alt="مفتاح مزدوج 20 أمبير ثنائي القطب مع لمبة ليد، لون فضي غامق، 7×7 سم | سبكترا" loading="lazy">
<div><h6>مفتاح مزدوج 20 أمبير ثنائي الق...</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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-4-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-894/i" class="modern-compact-title-link">
مفتاح كهرباء رباعى دركسيون 10 امبير أمنية الفنار مقاس 14×7 سم الل...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-4-gang-2-way-10-amp-omnia-alfanar-size-14-7-cm-color-gold-with-gold-ring-894/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/Y0A361CVH/conversions/Electrical-light-switch-4-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>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/blank-plate-1-gang-dark-gray-color-86x86mm-siemens-delta-arina-554/i" class="modern-compact-title-link">
غطاء تسكيرة كهرباء مفرد، لون رمادي داكن، 86×86 مم، ماركة سيمنز (د...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/blank-plate-1-gang-dark-gray-color-86x86mm-siemens-delta-arina-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/Y7B078OZN/conversions/c86df272-af09-430c-b165-6725176dc999-size_150_150.webp"
alt="غطاء تسكيرة كهرباء مفرد، لون رمادي داكن، 86×86 مم، ماركة سيمنز (دلتا أرينا)"
title="غطاء تسكيرة كهرباء مفرد، لون رمادي داكن، 86×86 مم، ماركة سيمنز (دلتا أرينا)"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<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-beige-color-7x7cm-250v-sas209-spectra-902/i" class="modern-compact-title-link">
مفتاح انارة مزدوج اتجاهين 20 أمبير، لون بيج، 7×7 سم، 250 فولت | س...
</a>
</h5>

<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-beige-color-7x7cm-250v-sas209-spectra-902/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/Y56CF5IO3/conversions/Light-Switch2-size_150_150.webp"
alt="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون بيج، 7×7 سم، 250 فولت | سبكترا"
title="مفتاح انارة مزدوج اتجاهين 20 أمبير، لون بيج، 7×7 سم، 250 فولت | سبكترا"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/single-direction-switch-10-amps-capacity-220-volts-size-77-cm-matte-black-241/i" class="modern-compact-title-link">
مفتاح مفرد دركسيون، قدرة 10 أمبير، فولت 220، مقاس 7×7 سم، لون أسو...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/single-direction-switch-10-amps-capacity-220-volts-size-77-cm-matte-black-241/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/YB0106UJF/conversions/1-size_150_150.webp"
alt="مفتاح مفرد دركسيون، قدرة 10 أمبير، فولت 220، مقاس 7×7 سم، لون أسود مطفي "
title="مفتاح مفرد دركسيون، قدرة 10 أمبير، فولت 220، مقاس 7×7 سم، لون أسود مطفي "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/water-heater-switch-1-gang-1-way-20-amp-white-color-size-7x7-cm-abb-brand-195/i" class="modern-compact-title-link">
مفتاح سخان مفرد 20 امبير، لون ابيض، مقاس 7×7 سم براند أي بي بي
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/water-heater-switch-1-gang-1-way-20-amp-white-color-size-7x7-cm-abb-brand-195/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/YEFF47YJ2/conversions/WhatsApp-Image-2025-02-04-at-6.38.12-PM-size_150_150.webp"
alt="مفتاح سخان مفرد 20 امبير، لون ابيض، مقاس 7×7 سم براند أي بي بي"
title="مفتاح سخان مفرد 20 امبير، لون ابيض، مقاس 7×7 سم براند أي بي بي"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches" class="modern-compact-category-link">مفاتيح كهرباء</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-10a-1-gang-2-way-gold-color-7x7cm-250v-sas109-tri-spectrum-230/i" class="modern-compact-title-link">
مفتاح انارة كهربائي مزدوج دركسيون 10 أمبير، لون ذهبي، 7×7 سم، 250...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/electrical-switches-and-sockets/electric-switches/electrical-light-switch-10a-1-gang-2-way-gold-color-7x7cm-250v-sas109-tri-spectrum-230/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/Y9F835GF0/conversions/Electrical-Light-Switch7-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>

</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/shop-doors/automatic-roll-shop-doors-width-51-m-height-3-m-color-beige-babtic-417/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y66403QMD/conversions/beige-size_150_150.webp" alt="ابواب محلات رول اتوماتيكية عرض 5.1 متر ارتفاع 3 متر لون بيج | باب تك" loading="lazy">
<div><h6>ابواب محلات رول اتوماتيكية ع...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-al-arabia-width-380-cm-height-265-cm-color-white-482/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y41011ZDD/conversions/Automatic-American-Shop-Doors-Al-Arabia-1-size_150_150.webp" alt="ابواب كراج اتوماتيك امريكية العربية عرض 380 سم ارتفاع 265 سم لون أبيض" loading="lazy">
<div><h6>ابواب كراج اتوماتيك امريكية ال...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-5.10-meter-height-3-meter-color-gray-831/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y82991ZJ2/conversions/Al-Arabia-Gray-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية العربية عرض 5.10 متر ارتفاع 3 متر لون رمادى" loading="lazy">
<div><h6>ابواب كراج رول اتوماتيكية الع...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-3.7-meter-height-3-meter-color-ivory-219/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y286D1ZGS/conversions/Al-Arabia-ivory-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية العربية عرض 3.7 متر ارتفاع 3 متر لون سكرى" loading="lazy">
<div><h6>ابواب كراج رول اتوماتيكية الع...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-villa-doors-width-335-cm-height-3-m-off-white-color-almokhtar-industry-559/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y209244U4/conversions/%D8%A8%D8%A7%D8%A8-%D8%B3%D9%83%D8%B1%D9%8A-size_150_150.webp" alt="ابواب فلل رول اتوماتيكية عرض 335 سم ارتفاع 3 متر لون سكري | المختار للصناعة" loading="lazy">
<div><h6>ابواب فلل رول اتوماتيكية عرض...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/automatic-door-engines/somfy-motor-for-swinging-gates-model-ixengo-l-3s-230v-rts-shutter-width-up-to-4-m-weight-400-kg-per-leaf-261/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y74DA1F35/conversions/AlZamil82-size_150_150.webp" alt="محركات ميكانيكيه لبوابات الاذرعة سومفي موديل لسينجو عرض المصراع حتى 4 متر وزن 400 كجم" loading="lazy">
<div><h6>محركات ميكانيكيه لبوابات الاذر...</h6></div>
</a>
<a href="https://youmats.com/iron-product/automatic-doors/shop-doors/automatic-roll-shop-doors-width-480-cm-height-3-m-color-gray-anfal-508/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE1B243FL/conversions/%D8%B1%D9%85%D8%A7%D8%AF%D9%89-size_150_150.webp" alt="ابواب محلات رول اتوماتيكية عرض 480 سم ارتفاع 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-white-color-babtic-474/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y6F133PSA/conversions/white-size_150_150.webp" alt="ابواب كراج رول اتوماتيكية عرض 4.37 متر ارتفاع 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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/shop-doors/automatic-roll-shop-doors-width-51-m-height-3-m-color-beige-babtic-417/i" class="modern-compact-title-link">
ابواب محلات رول اتوماتيكية عرض 5.1 متر ارتفاع 3 متر لون بيج | ب...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/shop-doors/automatic-roll-shop-doors-width-51-m-height-3-m-color-beige-babtic-417/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/Y66403QMD/conversions/beige-size_150_150.webp"
alt="ابواب محلات رول اتوماتيكية عرض 5.1 متر ارتفاع 3 متر لون بيج | باب تك"
title="ابواب محلات رول اتوماتيكية عرض 5.1 متر ارتفاع 3 متر لون بيج | باب تك"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-al-arabia-width-380-cm-height-265-cm-color-white-482/i" class="modern-compact-title-link">
ابواب كراج اتوماتيك امريكية العربية عرض 380 سم ارتفاع 265 سم لو...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-american-garage-doors-al-arabia-width-380-cm-height-265-cm-color-white-482/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/Y41011ZDD/conversions/Automatic-American-Shop-Doors-Al-Arabia-1-size_150_150.webp"
alt="ابواب كراج اتوماتيك امريكية العربية عرض 380 سم ارتفاع 265 سم لون أبيض"
title="ابواب كراج اتوماتيك امريكية العربية عرض 380 سم ارتفاع 265 سم لون أبيض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-5.10-meter-height-3-meter-color-gray-831/i" class="modern-compact-title-link">
ابواب كراج رول اتوماتيكية العربية عرض 5.10 متر ارتفاع 3 متر لون...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-5.10-meter-height-3-meter-color-gray-831/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/Y82991ZJ2/conversions/Al-Arabia-Gray-size_150_150.webp"
alt="ابواب كراج رول اتوماتيكية العربية عرض 5.10 متر ارتفاع 3 متر لون رمادى"
title="ابواب كراج رول اتوماتيكية العربية عرض 5.10 متر ارتفاع 3 متر لون رمادى"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-3.7-meter-height-3-meter-color-ivory-219/i" class="modern-compact-title-link">
ابواب كراج رول اتوماتيكية العربية عرض 3.7 متر ارتفاع 3 متر لون...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-garage-doors-al-arabia-width-3.7-meter-height-3-meter-color-ivory-219/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/Y286D1ZGS/conversions/Al-Arabia-ivory-size_150_150.webp"
alt="ابواب كراج رول اتوماتيكية العربية عرض 3.7 متر ارتفاع 3 متر لون سكرى"
title="ابواب كراج رول اتوماتيكية العربية عرض 3.7 متر ارتفاع 3 متر لون سكرى"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-villa-doors-width-335-cm-height-3-m-off-white-color-almokhtar-industry-559/i" class="modern-compact-title-link">
ابواب فلل رول اتوماتيكية عرض 335 سم ارتفاع 3 متر لون سكري | المخ...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/garage-doors/automatic-roll-villa-doors-width-335-cm-height-3-m-off-white-color-almokhtar-industry-559/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/Y209244U4/conversions/%D8%A8%D8%A7%D8%A8-%D8%B3%D9%83%D8%B1%D9%8A-size_150_150.webp"
alt="ابواب فلل رول اتوماتيكية عرض 335 سم ارتفاع 3 متر لون سكري | المختار للصناعة"
title="ابواب فلل رول اتوماتيكية عرض 335 سم ارتفاع 3 متر لون سكري | المختار للصناعة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/iron-product/automatic-doors" class="modern-compact-category-link">الابواب الاتوماتيكية</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/iron-product/automatic-doors/automatic-door-engines/somfy-motor-for-swinging-gates-model-ixengo-l-3s-230v-rts-shutter-width-up-to-4-m-weight-400-kg-per-leaf-261/i" class="modern-compact-title-link">
محركات ميكانيكيه لبوابات الاذرعة سومفي موديل لسينجو عرض المصراع...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/iron-product/automatic-doors/automatic-door-engines/somfy-motor-for-swinging-gates-model-ixengo-l-3s-230v-rts-shutter-width-up-to-4-m-weight-400-kg-per-leaf-261/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/Y74DA1F35/conversions/AlZamil82-size_150_150.webp"
alt="محركات ميكانيكيه لبوابات الاذرعة سومفي موديل لسينجو عرض المصراع حتى 4 متر وزن 400 كجم"
title="محركات ميكانيكيه لبوابات الاذرعة سومفي موديل لسينجو عرض المصراع حتى 4 متر وزن 400 كجم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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/al-jazeera-polysteel-white-glossy-for-iron-surfaces-can-24-liters-588/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y88E81K7S/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp" alt="دهان الجزيرة بوليستيل ابيض لامع للاسطح الحديدية عبوة 2.4 لتر" loading="lazy">
<div><h6>دهان الجزيرة بوليستيل ابيض لام...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-1200wf-paints-for-steel-surfaces-up-to-120-minutes-432/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y99B61K78/conversions/Jotun-size_150_150.webp" alt="دهان جوتن ستيل ماستر 1200 دبليو إف مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية عبوة 1 كجم" loading="lazy">
<div><h6>دهان جوتن ستيل ماستر 1200 دبلي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempacore-one-white-matt-paints-for-steel-surfaces-up-to-180-minutes-604/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y5C9E1K90/conversions/Hemple-size_150_150.webp" alt="دهان همبل همباكور 1 ابيض مطفي مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية " loading="lazy">
<div><h6>دهان همبل همباكور 1 ابيض مطفي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/hempel-hempafire-pro-315-white-matt-paints-for-steel-surfaces-up-to-90-minutes-142/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YAA491K8X/conversions/Hemple-size_150_150.webp" alt="دهان همبل همبافاير برو 315 ابيض مطفي مقاوم للحريق لمدة 90 دقيقة للاسطح الفولاذية " loading="lazy">
<div><h6>دهان همبل همبافاير برو 315 ابي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-120sb-paints-for-steel-surfaces-up-to-120-minutes-917/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y12541K7B/conversions/Jotun-size_150_150.webp" alt="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية عبوة 1 كجم" loading="lazy">
<div><h6>دهان جوتن ستيل ماستر 120 إس بي...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempafire-pro-400-fast-dry-white-matt-paints-for-steel-surfaces-up-to-120-minutes-193/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y06A81K8W/conversions/Hemple-size_150_150.webp" alt="دهان همبل همبافاير برو 400 سريع الجفاف ابيض مطفي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية " loading="lazy">
<div><h6>دهان همبل همبافاير برو 400 سري...</h6></div>
</a>
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-60wb-paints-for-steel-surfaces-up-to-60-minutes-945/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YD02D1K7F/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-al-jazeera-cable-coat-fr-paints-for-electrical-cable-surfaces-up-to-30-minutes-barrel-18-liters-223/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y06C01K3U/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp" alt="دهان الجزيرة كيبل كوت FR ابيض مطفي مقاوم للحريق لمدة 30 دقيقة للكابلات الكهربائية برميل 18 لتر" loading="lazy">
<div><h6>دهان الجزيرة كيبل كوت FR ابي...</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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/al-jazeera-polysteel-white-glossy-for-iron-surfaces-can-24-liters-588/i" class="modern-compact-title-link">
دهان الجزيرة بوليستيل ابيض لامع للاسطح الحديدية عبوة 2.4 لتر
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/al-jazeera-polysteel-white-glossy-for-iron-surfaces-can-24-liters-588/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/Y88E81K7S/conversions/Fire--Resistant--Al-jazeera-size_150_150.webp"
alt="دهان الجزيرة بوليستيل ابيض لامع للاسطح الحديدية عبوة 2.4 لتر"
title="دهان الجزيرة بوليستيل ابيض لامع للاسطح الحديدية عبوة 2.4 لتر"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-1200wf-paints-for-steel-surfaces-up-to-120-minutes-432/i" class="modern-compact-title-link">
دهان جوتن ستيل ماستر 1200 دبليو إف مقاوم للحريق لمدة 180 دقيقة...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-1200wf-paints-for-steel-surfaces-up-to-120-minutes-432/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/Y99B61K78/conversions/Jotun-size_150_150.webp"
alt="دهان جوتن ستيل ماستر 1200 دبليو إف مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية عبوة 1 كجم"
title="دهان جوتن ستيل ماستر 1200 دبليو إف مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية عبوة 1 كجم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempacore-one-white-matt-paints-for-steel-surfaces-up-to-180-minutes-604/i" class="modern-compact-title-link">
دهان همبل همباكور 1 ابيض مطفي مقاوم للحريق لمدة 180 دقيقة للاسطح...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempacore-one-white-matt-paints-for-steel-surfaces-up-to-180-minutes-604/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/Y5C9E1K90/conversions/Hemple-size_150_150.webp"
alt="دهان همبل همباكور 1 ابيض مطفي مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية "
title="دهان همبل همباكور 1 ابيض مطفي مقاوم للحريق لمدة 180 دقيقة للاسطح الفولاذية "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/hempel-hempafire-pro-315-white-matt-paints-for-steel-surfaces-up-to-90-minutes-142/i" class="modern-compact-title-link">
دهان همبل همبافاير برو 315 ابيض مطفي مقاوم للحريق لمدة 90 دقيقة ل...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/hempel-hempafire-pro-315-white-matt-paints-for-steel-surfaces-up-to-90-minutes-142/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/YAA491K8X/conversions/Hemple-size_150_150.webp"
alt="دهان همبل همبافاير برو 315 ابيض مطفي مقاوم للحريق لمدة 90 دقيقة للاسطح الفولاذية "
title="دهان همبل همبافاير برو 315 ابيض مطفي مقاوم للحريق لمدة 90 دقيقة للاسطح الفولاذية "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-120sb-paints-for-steel-surfaces-up-to-120-minutes-917/i" class="modern-compact-title-link">
دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاس...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-jotun-steelmaster-120sb-paints-for-steel-surfaces-up-to-120-minutes-917/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/Y12541K7B/conversions/Jotun-size_150_150.webp"
alt="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية عبوة 1 كجم"
title="دهان جوتن ستيل ماستر 120 إس بي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية عبوة 1 كجم"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/paints/fire-proofing-paint" class="modern-compact-category-link">دهان مقاومة للحريق</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempafire-pro-400-fast-dry-white-matt-paints-for-steel-surfaces-up-to-120-minutes-193/i" class="modern-compact-title-link">
دهان همبل همبافاير برو 400 سريع الجفاف ابيض مطفي مقاوم للحريق لمد...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/paints/fire-proofing-paint/fire-resistant-paint-hempel-hempafire-pro-400-fast-dry-white-matt-paints-for-steel-surfaces-up-to-120-minutes-193/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/Y06A81K8W/conversions/Hemple-size_150_150.webp"
alt="دهان همبل همبافاير برو 400 سريع الجفاف ابيض مطفي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية "
title="دهان همبل همبافاير برو 400 سريع الجفاف ابيض مطفي مقاوم للحريق لمدة 120 دقيقة للاسطح الفولاذية "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YE6975X2V/conversions/Brown-Armed-Aluminum-size_150_150.webp" alt="كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة " loading="lazy">
<div><h6>كابل 400 ملي 0.6/1 كيلو فولت خ...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YB6305QD4/conversions/Stranded-copper-armored-control-cable-size_150_150.webp" alt="كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة " loading="lazy">
<div><h6>كابل تحكم نحاس مجدول 1.5 مم 12...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/4-mm-two-core-stranded-copper-control-cable-xlpe-insulated-cut-shielded-swa-armed-bahra-416/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y98085QIQ/conversions/2-size_150_150.webp" alt="كابل تحكم 4 ملم خطين نحاس مجدول، عزل XLPE، شيلد (CUT)، مسلح بأسلاك صلب | بحره" loading="lazy">
<div><h6>كابل تحكم 4 ملم خطين نحاس مجدو...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/stranded-copper-wires/stranded-copper-single-core-building-wire-300-mm-450750v-voltage-rating-pvc-85c-insulated-brown-color-500-meter-saudi-cable-company-495/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YFB777ZDH/conversions/1-size_150_150.webp" alt="لفة سلك مفرد 300 ملم 450/750 فولت، نحاس مجدول، معزول (PVC 85°C)، لون بني، 500 متر | السعودية للكابلات " loading="lazy">
<div><h6>لفة سلك مفرد 300 ملم 450/750 ف...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-pvc-copper-cables/4-core-solid-cables/power-cable-6mm-4-core-solid-copper-6001000v-xlpe-insulated-riyadh-cables-830/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/YA4773QY7/conversions/Solid-Copper6-size_150_150.webp" alt="كابل كهرباء 6 ملم 4 خطوط نحاس مصمت 600/1000 فولت، عزل XLPE | كابلات الرياض" loading="lazy">
<div><h6>كابل كهرباء 6 ملم 4 خطوط نحاس...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/15-sq-mm-two-core-061kv-control-cable-stranded-copper-xlpe-insulation-swa-armored-bahra-159/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y58E15P68/conversions/1-size_150_150.webp" alt="كابل تحكم 1.5 ملم خطين 0.6/1 كيلو فولت، نحاس مجدول، معزول XLPE، مسلح بأسلاك صلب | بحرة" loading="lazy">
<div><h6>كابل تحكم 1.5 ملم خطين 0.6/1...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-cable/stranded-4-core-cables/4-core-electrical-cable-6mm-size-300500-voltage-rating-stranded-copper-pvc-insulated-pvc-sheathed-riyadh-cables-199/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y32FC4FQO/conversions/%D9%83%D8%A7%D8%A8%D9%84-%D9%86%D8%AD%D8%A7%D8%B3-size_150_150.webp" alt="كيبل كهرباء 4 خطوط مقاس 6 مم 300/500 فولت، نحاس مجدول معزول PVC، مغلف PVC | كابلات الرياض" loading="lazy">
<div><h6>كيبل كهرباء 4 خطوط مقاس 6 مم 3...</h6></div>
</a>
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/cts-shielded-control-cable/seven-core-25sq-mm-061kv-control-cable-stranded-copper-cw-shielded-xlpe-insulation-bahra-491/i" class="mobile-product-item">
<img src="https://youmats-media.s3.me-central-1.amazonaws.com/Y7DEF5PNU/conversions/Stranded-copper-shielded-control-cable-size_150_150.webp" alt="كابل كنترول 7 اطراف نحاس مجدول 2.5 ملي، 0.6/1 كيلو فولت، شيلد (CW)، عزل XLPE | بحره " loading="lazy">
<div><h6>كابل كنترول 7 اطراف نحاس مجدول...</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">

<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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/pvc-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/i" class="modern-compact-title-link">
كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع A...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/pvc-armored-aluminium-cables/awa-armored-aluminum-cables/400mm-061kv-awa-armed-single-core-cable-stranded-aluminum-conductor-pvc-insulated-and-sheathed-brown-color-500-meter-bahra-610/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/YE6975X2V/conversions/Brown-Armed-Aluminum-size_150_150.webp"
alt="كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة "
title="كابل 400 ملي 0.6/1 كيلو فولت خط واحد، موصل الومنيوم مجدول، مدرع AWA، معزول ومغلف PVC لون بني، 500 متر | بحرة "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/i" class="modern-compact-title-link">
كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/sta-armoured-control-cables/stranded-copper-control-cable-15mm-12-core-061kv-sta-armored-xlpe-insulation-bahra-302/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/YB6305QD4/conversions/Stranded-copper-armored-control-cable-size_150_150.webp"
alt="كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة "
title="كابل تحكم نحاس مجدول 1.5 مم 12 طرف 0.6/1 ك.ف، مسلح بشريط صلب (STA)، عزل XLPE | بحرة "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/4-mm-two-core-stranded-copper-control-cable-xlpe-insulated-cut-shielded-swa-armed-bahra-416/i" class="modern-compact-title-link">
كابل تحكم 4 ملم خطين نحاس مجدول، عزل XLPE، شيلد (CUT)، مسلح بأسلا...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/4-mm-two-core-stranded-copper-control-cable-xlpe-insulated-cut-shielded-swa-armed-bahra-416/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/Y98085QIQ/conversions/2-size_150_150.webp"
alt="كابل تحكم 4 ملم خطين نحاس مجدول، عزل XLPE، شيلد (CUT)، مسلح بأسلاك صلب | بحره"
title="كابل تحكم 4 ملم خطين نحاس مجدول، عزل XLPE، شيلد (CUT)، مسلح بأسلاك صلب | بحره"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/stranded-copper-wires/stranded-copper-single-core-building-wire-300-mm-450750v-voltage-rating-pvc-85c-insulated-brown-color-500-meter-saudi-cable-company-495/i" class="modern-compact-title-link">
لفة سلك مفرد 300 ملم 450/750 فولت، نحاس مجدول، معزول (PVC 85°C)،...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/pvc-copper-wires/stranded-copper-wires/stranded-copper-single-core-building-wire-300-mm-450750v-voltage-rating-pvc-85c-insulated-brown-color-500-meter-saudi-cable-company-495/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/YFB777ZDH/conversions/1-size_150_150.webp"
alt="لفة سلك مفرد 300 ملم 450/750 فولت، نحاس مجدول، معزول (PVC 85°C)، لون بني، 500 متر | السعودية للكابلات "
title="لفة سلك مفرد 300 ملم 450/750 فولت، نحاس مجدول، معزول (PVC 85°C)، لون بني، 500 متر | السعودية للكابلات "
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/xlpe-pvc-copper-cables/4-core-solid-cables/power-cable-6mm-4-core-solid-copper-6001000v-xlpe-insulated-riyadh-cables-830/i" class="modern-compact-title-link">
كابل كهرباء 6 ملم 4 خطوط نحاس مصمت 600/1000 فولت، عزل XLPE | كابل...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/xlpe-pvc-copper-cables/4-core-solid-cables/power-cable-6mm-4-core-solid-copper-6001000v-xlpe-insulated-riyadh-cables-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/YA4773QY7/conversions/Solid-Copper6-size_150_150.webp"
alt="كابل كهرباء 6 ملم 4 خطوط نحاس مصمت 600/1000 فولت، عزل XLPE | كابلات الرياض"
title="كابل كهرباء 6 ملم 4 خطوط نحاس مصمت 600/1000 فولت، عزل XLPE | كابلات الرياض"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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">

<div class="modern-compact-category">
<a href="https://youmats.com/electrical/cables-wires" class="modern-compact-category-link">الأسلاك والكابلات</a>
</div>

<h5 class="modern-compact-title">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/15-sq-mm-two-core-061kv-control-cable-stranded-copper-xlpe-insulation-swa-armored-bahra-159/i" class="modern-compact-title-link">
كابل تحكم 1.5 ملم خطين 0.6/1 كيلو فولت، نحاس مجدول، معزول XLPE،...
</a>
</h5>

<div class="modern-compact-image-wrapper">
<a href="https://youmats.com/electrical/cables-wires/xlpe-armored-control-cables/swa-armoured-control-cables/15-sq-mm-two-core-061kv-control-cable-stranded-copper-xlpe-insulation-swa-armored-bahra-159/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/Y58E15P68/conversions/1-size_150_150.webp"
alt="كابل تحكم 1.5 ملم خطين 0.6/1 كيلو فولت، نحاس مجدول، معزول XLPE، مسلح بأسلاك صلب | بحرة"
title="كابل تحكم 1.5 ملم خطين 0.6/1 كيلو فولت، نحاس مجدول، معزول XLPE، مسلح بأسلاك صلب | بحرة"
width="150"
height="150"
loading="lazy" />
<div class="modern-compact-image-overlay"></div>
</div>
</a>
</div>

</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="SUOA3QemRRDAIRBhgXfKidfcMqhQAD6leXlTC1Po" 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>

youmats.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.