.pf-article-coulissant .pf-section-head{
margin-bottom:28px;
}
.pf-article-coulissant .pf-tech-block{
margin-top:28px;
padding:26px;
background:#fff;
border:1px solid #e8eaed;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.pf-article-coulissant .pf-tech-block h3{
margin:0 0 18px;
font-size:1.55rem;
line-height:1.2;
color:#111;
} .pf-article-coulissant .pf-table-wrap{
overflow-x:auto;
}
.pf-article-coulissant .pf-tech-table{
width:100%;
min-width:700px;
border-collapse:collapse;
}
.pf-article-coulissant .pf-tech-table th,
.pf-article-coulissant .pf-tech-table td{
padding:12px 14px;
text-align:left;
border-bottom:1px solid #e8eaed;
}
.pf-article-coulissant .pf-tech-table thead th{
background:#f6f6f6;
color:#111;
font-weight:700;
}
.pf-article-coulissant .pf-tech-table tbody tr:last-child td{
border-bottom:none;
} .pf-article-coulissant .pf-specs-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
}
.pf-article-coulissant .pf-spec{
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
border:1px solid #e8eaed;
border-radius:14px;
background:#fafafa;
}
.pf-article-coulissant .pf-spec-icon{
flex:0 0 46px;
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #eceef1;
border-radius:12px;
background:#fff;
font-size:1.2rem;
}
.pf-article-coulissant .pf-spec-text span{
display:block;
font-size:.95rem;
color:#666;
}
.pf-article-coulissant .pf-spec-text strong{
display:block;
font-size:1.05rem;
color:#111;
} .pf-article-coulissant .pf-dim-layout{
display:grid;
grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
gap:22px;
}
.pf-article-coulissant .pf-dim-visual{
overflow:hidden;
padding:16px;
border:1px solid #e8eaed;
border-radius:16px;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.pf-article-coulissant .pf-dim-visual img{
width:100%;
border-radius:12px;
cursor:zoom-in;
transition:transform .3s;
}
.pf-article-coulissant .pf-dim-visual:hover img{
transform:scale(1.06);
}
.pf-article-coulissant .pf-dim-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
.pf-article-coulissant .pf-dim-card{
padding:18px;
text-align:center;
border:1px solid #e8eaed;
border-radius:14px;
background:#f7f7f7;
} .pf-article-coulissant .pf-install-layout{
display:grid;
grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
gap:22px;
}
.pf-article-coulissant .pf-install-visual{
overflow:hidden;
padding:16px;
border:1px solid #e8eaed;
border-radius:16px;
background:#fff;
}
.pf-article-coulissant .pf-install-visual img{
width:100%;
border-radius:12px;
cursor:zoom-in;
transition:transform .3s;
}
.pf-article-coulissant .pf-install-visual:hover img{
transform:scale(1.06);
}
.pf-article-coulissant .pf-install-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}
.pf-article-coulissant .pf-install-item{
padding:12px;
border-left:4px solid #c00000;
background:#fafafa;
border-radius:10px;
} .pf-article-coulissant .pf-kit-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
}
.pf-article-coulissant .pf-kit-item{
display:flex;
gap:14px;
padding:14px;
border:1px solid #e8eaed;
border-radius:14px;
background:#fff;
}
.pf-article-coulissant .pf-kit-thumb{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
}
.pf-article-coulissant .pf-kit-thumb img{
max-width:100%;
max-height:100%;
} .pf-lightbox{
position:fixed;
inset:0;
background:rgba(0,0,0,.85);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:.3s;
}
.pf-lightbox.is-open{
opacity:1;
visibility:visible;
}
.pf-lightbox img{
max-width:90%;
max-height:90%;
border-radius:12px;
}
.pf-lightbox-close{
position:absolute;
top:20px;
right:20px;
font-size:28px;
background:none;
border:none;
color:#fff;
cursor:pointer;
} @media (max-width: 900px){
.pf-article-coulissant .pf-dim-layout,
.pf-article-coulissant .pf-install-layout{
grid-template-columns:1fr;
}
}
@media (max-width: 700px){
.pf-article-coulissant .pf-specs-grid,
.pf-article-coulissant .pf-kit-grid,
.pf-article-coulissant .pf-install-grid{
grid-template-columns:1fr;
}
}