/* item.css */

.page-hero{
background:linear-gradient(135deg,#0b3b66,#1b8a5a);
color:#fff;
padding:90px 20px;
text-align:center;
}
.page-hero h1{font-size:42px;margin:10px 0}
.page-hero p{max-width:760px;margin:0 auto;line-height:1.9}

.item-section{padding:80px 20px}
.item-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
max-width:1200px;
margin:auto;
}
.item-card{
background:#fff;
border-radius:18px;
padding:28px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
border:1px solid #eef2f7;
}
.item-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.12);
}
.item-icon{font-size:42px;margin-bottom:15px}
.item-card h3{color:#16324F;margin-bottom:12px}
.item-card p{color:#666;line-height:1.8}

.brand-section{
background:#f7fafc;
padding:80px 20px;
}
.brand-grid{
max-width:1100px;
margin:40px auto 0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:18px;
}
.brand-grid div{
background:#fff;
padding:20px;
text-align:center;
border-radius:14px;
font-weight:700;
box-shadow:0 5px 18px rgba(0,0,0,.06);
}

.cta-box{
max-width:1000px;
margin:80px auto;
background:linear-gradient(135deg,#16324F,#1B8A5A);
color:#fff;
padding:60px 40px;
border-radius:24px;
text-align:center;
}
.cta-box h2{font-size:34px;margin-bottom:15px}
.cta-box p{line-height:1.9;margin-bottom:25px}
.shop-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:20px;
}

@media(max-width:768px){
.page-hero h1{font-size:32px}
.cta-box{padding:40px 20px}
}