/*==================================================
DETAIL FEATURE CARDS
==================================================*/
.pcb-detail-feature{
padding:var(--space-11) 0;
}
/*============================*/
.pcb-detail-feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-top:var(--space-8);
}
/*============================*/
.pcb-detail-card{
background:#fff;
border:1px solid var(--box-border);
border-radius:var(--radius-lg);
padding:36px;
transition:.35s;
display:flex;
flex-direction:column;
height:100%;
}
.pcb-detail-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 45px rgba(0,0,0,.08);
border-color:var(--color-highlight);
}
/*============================*/
.pcb-detail-icon{
width:58px;
height:58px;
border-radius:14px;
background:#EEF7FF;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
}
.pcb-detail-icon img{
width:26px;
height:26px;
object-fit:contain;
}
/*============================*/
.pcb-detail-card h3{
margin-bottom:18px;
color:var(--color-primary);
line-height:1.35;
font-size:var(--fs-h5);
}
.pcb-detail-card p{
color:var(--color-text);
margin:0;
line-height:1.85;
}
/*============================*/
@media(max-width:1199px){
.pcb-detail-feature-grid{
gap:22px;
}
.pcb-detail-card{
padding:28px;
}
}
/*============================*/
@media(max-width:991px){
.pcb-detail-feature{
padding:var(--space-10) 0;
}
.pcb-detail-feature-grid{
grid-template-columns:repeat(2,1fr);
}
}
/*============================*/
@media(max-width:767px){
.pcb-detail-feature{
padding:var(--space-8) 0;
}
.pcb-detail-feature-grid{
grid-template-columns:1fr;
gap:18px;
margin-top:var(--space-6);
}
.pcb-detail-card{
padding:24px;
border-radius:var(--radius-md);
}
.pcb-detail-icon{
width:48px;
height:48px;
margin-bottom:18px;
}
.pcb-detail-icon img{
width:22px;
height:22px;
}
.pcb-detail-card h3{
margin-bottom:12px;
}
}