.deco-marblefoam {
direction: rtl;
font-family: Tahoma, Arial, sans-serif;
line-height: 2.05;
color: #333;
max-width: 1200px;
margin: 0 auto;
}

.deco-marblefoam .hero {
background: linear-gradient(135deg,#292929,#70685f);
color: #fff;
padding: 48px 30px;
border-radius: 24px;
text-align: center;
margin-bottom: 28px;
}

.deco-marblefoam .hero h1 {
color: #fff;
font-size: 32px;
margin: 0 0 15px;
}

.deco-marblefoam .hero p {
font-size: 17px;
margin: 0;
}

.deco-marblefoam .section {
background: #fff;
padding: 30px;
margin: 25px 0;
border-radius: 20px;
box-shadow: 0 5px 25px rgba(0,0,0,.07);
}

.deco-marblefoam h2 {
color: #765b48;
font-size: 27px;
border-right: 5px solid #b89a7b;
padding-right: 14px;
margin-bottom: 20px;
}

.deco-marblefoam h3 {
color: #5f6870;
font-size: 21px;
}

.deco-marblefoam .intro-box {
background: #f5f1ec;
padding: 22px;
border-radius: 15px;
border-right: 5px solid #9d7d61;
margin: 20px 0;
}

.deco-marblefoam .cards {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
gap: 18px;
}

.deco-marblefoam .card {
background: #f8f6f3;
border: 1px solid #e5ded6;
padding: 23px;
border-radius: 16px;
transition: .3s;
}

.deco-marblefoam .card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,.09);
}

.deco-marblefoam .card h3 {
color: #765b48;
margin-top: 0;
}

.deco-marblefoam .card a,
.deco-marblefoam .text-link {
color: #8a5b3d;
font-weight: bold;
}

.deco-marblefoam table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

.deco-marblefoam th {
background: #665c54;
color: #fff;
padding: 14px;
}

.deco-marblefoam td {
padding: 13px;
border: 1px solid #ddd;
text-align: center;
}

.deco-marblefoam tr:nth-child(even) {
background: #f7f7f7;
}

.deco-marblefoam .colors {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 20px 0;
}

.deco-marblefoam .color {
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
color: #fff;
}

.deco-marblefoam .ivory {background:#b8aa92;}
.deco-marblefoam .white {background:#999;}
.deco-marblefoam .gray {background:#666;}
.deco-marblefoam .dark {background:#292929;}
.deco-marblefoam .brown {background:#765344;}
.deco-marblefoam .gold {background:#a78b52;}

.deco-marblefoam .steps {
counter-reset: step;
}

.deco-marblefoam .step {
position: relative;
padding: 17px 55px 17px 15px;
background: #f8f6f3;
margin: 12px 0;
border-radius: 12px;
}

.deco-marblefoam .step:before {
counter-increment: step;
content: counter(step);
position: absolute;
right: 15px;
top: 15px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #765b48;
color: #fff;
text-align: center;
line-height: 28px;
font-weight: bold;
}

.deco-marblefoam .links {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
gap: 12px;
}

.deco-marblefoam .links a {
text-decoration: none;
background: #f2ede8;
color: #765b48;
padding: 14px 17px;
border-radius: 11px;
font-weight: bold;
transition: .3s;
}

.deco-marblefoam .links a:hover {
background: #765b48;
color: #fff;
}

.deco-marblefoam .faq {
background: #fafafa;
border: 1px solid #e2e2e2;
border-radius: 13px;
padding: 19px;
margin: 13px 0;
}

.deco-marblefoam .faq strong {
color: #765b48;
font-size: 17px;
}

.deco-marblefoam .cta {
background: linear-gradient(135deg,#765b48,#b89a7b);
color: #fff;
padding: 38px 28px;
border-radius: 22px;
text-align: center;
}

.deco-marblefoam .cta h2 {
color: #fff;
border: 0;
padding: 0;
}

.deco-marblefoam .cta a {
display: inline-block;
margin-top: 15px;
padding: 14px 30px;
background: #fff;
color: #765b48;
text-decoration: none;
border-radius: 35px;
font-weight: bold;
}

@media(max-width:768px){
.deco-marblefoam .hero h1 {
font-size: 25px;
}

.deco-marblefoam .section {
padding: 20px;
}

.deco-marblefoam table {
font-size: 12px;
}

.deco-marblefoam h2 {
font-size: 23px;
}
}