.pf-ui{
--pf-red:#c00000;
--pf-black:#111111;
--pf-text:#141414;
--pf-muted:#5b5f66;
--pf-bg:#ffffff;
--pf-soft:#f5f6f7;
--pf-line:#e8eaed;
--pf-radius:16px;
--pf-shadow:0 18px 55px rgba(0,0,0,.10);
--pf-shadow-soft:0 10px 30px rgba(0,0,0,.08);
--pf-max:1100px;
color:var(--pf-text);
background:var(--pf-bg);
font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
line-height:1.65;
scroll-behavior:smooth;
}
.pf-ui *{ box-sizing:border-box; }
.pf-ui .pf-container{ max-width:var(--pf-max); margin:0 auto; padding:0 28px; }
.pf-ui .pf-section{ padding:30px 0; }
.pf-ui .pf-soft{ background:var(--pf-soft); }
.pf-ui h1{
margin:0 0 12px;
font-size:clamp(34px, 4.2vw, 50px);
line-height:1.08;
letter-spacing:.01em;
color:var(--pf-black);
}
.pf-ui h2{
margin:0 0 12px;
font-size:22px;
color:var(--pf-black);
padding-left:14px;
border-left:4px solid var(--pf-red);
}
.pf-ui h3{
margin:22px 0 10px;
font-size:18px;
color:var(--pf-black);
}
.pf-ui .pf-lead{
margin:0 auto;
color:var(--pf-muted);
font-size:18px;
max-width:75ch;
}
.pf-ui .pf-note{
color:var(--pf-muted);
font-size:14px;
margin:10px 0 0;
}
.pf-ui .pf-legend{
font-weight:700;
font-size:1.4rem;
margin-bottom:10px;pf-kicker
}
.pf-ui .pf-link-strong{
color:var(--pf-red);
text-decoration:none;
font-weight:700;
}
.pf-ui .pf-link-strong:hover{
text-decoration:underline;
} .pf-ui .pf-top{
position:sticky;
top:0;
z-index:50;
background:rgba(255,255,255,.88);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--pf-line);
}
.pf-ui .pf-top-inner{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 0;
gap:14px;
flex-wrap:wrap;
}
.pf-ui .pf-brand{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}
.pf-ui .pf-logo img{
height:42px;
width:auto;
display:block;
}
.pf-ui .pf-brandname{
display:flex;
flex-direction:column;
line-height:1.1;
}
.pf-brandlogo{
display:block;
height:70px;
width:auto;
max-width:260px;
object-fit:contain;
}
.pf-ui .pf-brandname strong{
letter-spacing:.12em;
font-size:13px;
}
.pf-ui .pf-brandname span{
color:var(--pf-muted);
font-size:12px;
}
.pf-ui .pf-nav{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}
.pf-ui .pf-nav a{
padding:10px 12px;
border-radius:999px;
color:var(--pf-muted);
border:1px solid transparent;
transition:.2s ease;
font-size:13px;
text-decoration:none;
}
.pf-ui .pf-nav a:hover{
color:var(--pf-black);
border-color:var(--pf-line);
background:rgba(0,0,0,.03);
}
.pf-ui .pf-nav .pf-cta{
color:#fff;
border-color:rgba(192,0,0,.35);
background:linear-gradient(135deg, var(--pf-red), #ff3b3b);
} .pf-ui :where(section, article, div)[id]{
scroll-margin-top:110px;
}
.pf-ui .pf-toc{
position:sticky;
top:72px;
z-index:40;
background:rgba(255,255,255,.86);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--pf-line);
}
.pf-ui .pf-toc-inner{
display:flex;
align-items:center;
gap:10px;
padding:10px 0;
}
.pf-ui .pf-toc-title{
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--pf-muted);
font-weight:800;
padding:8px 10px;
border-radius:999px;
background:rgba(0,0,0,.03);
border:1px solid var(--pf-line);
white-space:nowrap;
}
.pf-ui .pf-toc-scroll{
display:flex;
align-items:center;
gap:8px;
overflow:auto;
padding:2px 2px;
scrollbar-width:none;
-ms-overflow-style:none;
}
.pf-ui .pf-toc-scroll::-webkit-scrollbar{
display:none;
}
.pf-ui .pf-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 12px;
border-radius:999px;
border:1px solid rgba(17,17,17,.10);
background:rgba(255,255,255,.90);
color:var(--pf-black);
font-size:13px;
font-weight:650;
text-decoration:none;
white-space:nowrap;
transition:.18s ease;
}
.pf-ui .pf-chip:hover{
transform:translateY(-1px);
border-color:rgba(192,0,0,.35);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.pf-ui .pf-mini-dot{
width:8px;
height:8px;
border-radius:999px;
background:rgba(192,0,0,.55);
box-shadow:0 0 0 4px rgba(192,0,0,.10);
}
.pf-ui .pf-chip-top{
margin-left:auto;
border-color:rgba(192,0,0,.25);
background:rgba(192,0,0,.08);17:29 26/03/2026
} .pf-ui .pf-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 12px;
border-radius:999px;
background:rgba(192,0,0,.08);
border:1px solid rgba(192,0,0,.18);
color:var(--pf-black);
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
align-self:flex-start;
margin:0 0 18px 0;
}
.pf-ui .pf-dot{
width:8px;
height:8px;
border-radius:999px;
background:var(--pf-red);
box-shadow:0 0 0 5px rgba(192,0,0,.10);
} .pf-ui .pf-hero{
position:relative;
overflow:hidden;
border-bottom:1px solid var(--pf-line);
background:
linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.0)),
url(//proteco-france.fr/wp-content/uploads/2026/03/bg_intro.jpg) center center / cover no-repeat;
}.pf-ui .pf-hero-grid{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:18px;
align-items:stretch;
}
.pf-ui .pf-hero-card{
margin-top:0;
background:#fff;
border:1px solid var(--pf-line);
border-radius:calc(var(--pf-radius) + 6px);
box-shadow:var(--pf-shadow);
padding:34px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.pf-ui .pf-hero-side{
display:grid;
gap:12px;
} .pf-ui .pf-panel{
background:#fff;
border:1px solid var(--pf-line);
border-radius:var(--pf-radius);
box-shadow:var(--pf-shadow-soft);
padding:16px;
}
.pf-ui .pf-panel strong{
display:block;
font-size:13px;
letter-spacing:.10em;
text-transform:uppercase;
color:var(--pf-black);
margin-bottom:6px;
}
.pf-ui .pf-panel p{
margin:0;
color:var(--pf-muted);
font-size:13px;
}
.pf-ui .pf-kpis{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.pf-ui .pf-kpi{
background:#fff;
border:1px solid var(--pf-line);
border-radius:var(--pf-radius);
box-shadow:var(--pf-shadow-soft);
padding:14px;
}
.pf-ui a.pf-kpi{
text-decoration:none;
color:inherit;
}
.pf-ui a.pf-kpi:hover{
text-decoration:none;
}
.pf-kpi-whatsapp b{
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px;
flex-wrap:nowrap !important;
}
.pf-kpi-whatsapp .pf-wa-icon{
display:inline-flex !important;
align-items:center;
justify-content:center;
width:20px;
height:20px;
margin:0 !important;
flex:0 0 auto;
}
.pf-kpi-whatsapp .pf-wa-icon img{
width:22px;
height:22px;
display:block;
}
.pf-ui .pf-kpi b{
display:block;
font-size:16px;
color:var(--pf-black);
}
.pf-ui .pf-kpi span{
display:block;
margin-top:4px;
color:var(--pf-muted);
font-size:12px;
} .pf-ui .pf-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:20px;
}
.pf-ui .pf-actions-center{
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
margin-top:20px;
}
.pf-ui .pf-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 16px;
min-width:220px;
border-radius:999px;
border:1px solid var(--pf-line);
background:#fff;
color:var(--pf-black);
text-decoration:none;
font-weight:600;
font-size:14px;
transition:.18s ease;
}
.pf-ui .pf-btn:hover{
transform:translateY(-1px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.pf-ui .pf-btn.pf-primary{
background:linear-gradient(135deg, var(--pf-red), #ff3b3b);
border-color:rgba(192,0,0,.35);
color:#fff;
}
.pf-ui .pf-btn.pf-ghost{
background:transparent;
border-color:rgba(17,17,17,.20);
} .pf-btn-boutique,
.pf-btn-premium{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
border-radius:999px;
color:#fff !important;
font-weight:700;
text-decoration:none;
letter-spacing:.01em;
background:linear-gradient(135deg, #b30000 0%, #d60000 45%, #ff3b3b 100%);
border:1px solid rgba(192,0,0,.38);
box-shadow:
0 10px 24px rgba(192,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.18);
transition:.2s ease;
}
.pf-btn-boutique:hover,
.pf-btn-premium:hover{
color:#111 !important;
transform:translateY(-1px);
box-shadow:
0 14px 30px rgba(192,0,0,.28),
inset 0 1px 0 rgba(255,255,255,.22);
filter:brightness(1.02);
}
.pf-btn-boutique:active,
.pf-btn-premium:active{
transform:translateY(0);
box-shadow:
0 8px 18px rgba(192,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.14);
}
.pf-btn-boutique span,
.pf-btn-premium span{
color:inherit !important;
} .pf-catalogue-btn-wrap{
display:flex !important;
justify-content:center !important;
align-items:center !important;
width:100% !important;
margin:0 !important;
padding:24px 0 !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
text-align:center !important;
position:relative !important;
z-index:5 !important;
}
.pf-catalogue-btn-wrap::before,
.pf-catalogue-btn-wrap::after{
content:none !important;
display:none !important;
}
a.pf-catalogue-btn,
.pf-catalogue-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:14px 28px !important;
min-width:260px !important;
max-width:100% !important;
border-radius:999px !important;
text-decoration:none !important;
font-weight:700 !important;
font-size:14px !important;
line-height:1.2 !important;
letter-spacing:.01em !important;
color:#ffffff !important;
background:linear-gradient(135deg, #b30000 0%, #d60000 45%, #ff3b3b 100%) !important;
border:1px solid rgba(192,0,0,.38) !important;
box-shadow:
0 10px 24px rgba(192,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.18) !important;
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
white-space:nowrap !important;
cursor:pointer !important;
outline:none !important;
-webkit-appearance:none !important;
appearance:none !important;
}
a.pf-catalogue-btn:hover,
.pf-catalogue-btn:hover{
color:#ffffff !important;
text-decoration:none !important;
transform:translateY(-1px) !important;
box-shadow:
0 14px 30px rgba(192,0,0,.28),
inset 0 1px 0 rgba(255,255,255,.22) !important;
filter:brightness(1.02) !important;
}
a.pf-catalogue-btn:focus,
a.pf-catalogue-btn:focus-visible,
.pf-catalogue-btn:focus,
.pf-catalogue-btn:focus-visible{
color:#ffffff !important;
text-decoration:none !important;
outline:2px solid rgba(179,0,0,.35) !important;
outline-offset:3px !important;
}
a.pf-catalogue-btn:active,
.pf-catalogue-btn:active{
transform:translateY(0) !important;
box-shadow:
0 8px 18px rgba(192,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.14) !important;
} .wp-block-html,
.wp-block-custom-html{
background:transparent !important;
border:none !important;
box-shadow:none !important;
}
.wp-block-html p,
.wp-block-custom-html p{
background:transparent;
} .pf-ui .pf-grid-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:18px;
}
.pf-ui .pf-card{
background:#fff;
border:1px solid var(--pf-line);
border-radius:var(--pf-radius);
box-shadow:var(--pf-shadow-soft);
padding:18px;
}
.pf-ui .pf-card p{
margin:0 0 12px;
color:var(--pf-muted);
}
.pf-ui .pf-list{
margin:0;
padding-left:18px;
color:var(--pf-muted);
}
.pf-ui .pf-list li{
margin:6px 0;
}
.pf-ui .pf-cards{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:12px;
margin-top:18px;
}
.pf-ui .pf-ico{
width:38px;
height:38px;
border-radius:12px;
background:rgba(192,0,0,.10);
display:grid;
place-items:center;
color:var(--pf-red);
font-weight:800;
margin-bottom:10px;
}
.pf-ui .pf-card b{
display:block;
margin-bottom:6px;
color:var(--pf-black);
}
.pf-ui .pf-card p{
font-size:13px;
} .pf-ui .pf-band{
background:linear-gradient(135deg, rgba(192,0,0,.12), rgba(0,0,0,.03));
border:1px solid rgba(192,0,0,.20);
border-radius:calc(var(--pf-radius) + 6px);
box-shadow:var(--pf-shadow);
padding:18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
margin-top:18px;
}
.pf-ui .pf-band h3{ margin:0; }
.pf-ui .pf-band p{
margin:4px 0 0;
color:var(--pf-muted);
} .pf-footer,
.pf-footer *{
box-sizing:border-box;
}
.pf-footer{
--pf-red:#c00000;
--pf-max:1100px;
--pf-line:#e8eaed;
margin-top:0;
background:
radial-gradient(900px 360px at 15% 0%, rgba(192,0,0,.12), transparent 60%),
radial-gradient(700px 340px at 85% 10%, rgba(0,0,0,.06), transparent 55%),
#0f1114;
color:rgba(255,255,255,.86);
border-top:1px solid rgba(255,255,255,.08);
}
.pf-footer a{
text-decoration:none;
color:inherit;
}
.pf-footer a:hover{
text-decoration:none;
}
.pf-footer ul{
list-style:none;
padding:0;
margin:0;
}
.pf-footer p{
margin:0;
}
.pf-footer .pf-container{
max-width:var(--pf-max);
margin:0 auto;
padding:0 28px;
}
.pf-footer-top{
padding:34px 0 22px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.pf-footer-logos{
display:flex;
flex-wrap:wrap;
gap:14px;
align-items:center;
justify-content:space-between;
}
.pf-footer-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}
.pf-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:12px;
letter-spacing:.02em;
color:rgba(255,255,255,.88);
backdrop-filter:blur(8px);
}
.pf-badge i{
width:22px;
height:22px;
border-radius:999px;
display:grid;
place-items:center;
background:rgba(192,0,0,.18);
border:1px solid rgba(192,0,0,.25);
color:#fff;
font-style:normal;
font-weight:800;
line-height:1;
}
.pf-footer-sign{
display:flex;
align-items:center;
gap:12px;
min-width:260px;
}
.pf-footer-sign img{
width:46px;
height:46px;
border-radius:12px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.06);
padding:6px;
}
.pf-footer-sign strong{
display:block;
letter-spacing:.14em;
font-size:12px;
color:#fff;
}
.pf-footer-sign span{
display:block;
font-size:12px;
color:rgba(255,255,255,.70);
margin-top:2px;
}
.pf-footer-main{
padding:40px 0 30px;
}
.pf-footer-grid{
display:grid;
grid-template-columns:1.1fr .9fr .9fr 1.1fr;
gap:22px;
}
.pf-footer-title{
font-size:13px;
letter-spacing:.12em;
text-transform:uppercase;
color:#fff;
margin:0 0 14px;
}
.pf-footer-links{
display:grid;
gap:10px;
}
.pf-footer-links a{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
border-radius:12px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
color:rgba(255,255,255,.84);
transition:.18s ease;
font-size:13px;
}
.pf-footer-links a:hover{
transform:translateY(-1px);
border-color:rgba(192,0,0,.35);
background:rgba(192,0,0,.10);
color:#fff;
}
.pf-footer-links a small{
color:rgba(255,255,255,.55);
font-size:12px;
}
.pf-footer-contact{
padding:18px;
border-radius:18px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.10);
}
.pf-contact-row{
display:flex;
justify-content:space-between;
gap:12px;
padding:10px 0;
border-bottom:1px dashed rgba(255,255,255,.14);
}
.pf-contact-row:last-child{
border-bottom:0;
padding-bottom:0;
}
.pf-contact-row b{
color:#fff;
font-size:13px;
}
.pf-contact-row a{
color:rgba(255,255,255,.86);
font-weight:700;
}
.pf-contact-row a:hover{
color:#fff;
text-decoration:underline;
text-decoration-color:rgba(255,255,255,.25);
}
.pf-footer-cta{
margin-top:14px;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.pf-footer-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 14px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.06);
color:#fff;
font-weight:700;
font-size:13px;
transition:.18s ease;
min-width:180px;
}
.pf-footer-btn:hover{
transform:translateY(-1px);
background:rgba(255,255,255,.10);
}
.pf-footer-btn.pf-footer-primary{
background:linear-gradient(135deg, var(--pf-red), #ff3b3b);
border-color:rgba(192,0,0,.35);
}
.pf-footer-btn.pf-footer-primary:hover{
filter:brightness(1.03);
}
.pf-footer-bottom{
border-top:1px solid rgba(255,255,255,.10);
background:rgba(0,0,0,.25);
padding:14px 0;
font-size:12px;
color:rgba(255,255,255,.70);
}
.pf-footer-bottom-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.pf-footer-bottom a{
color:rgba(255,255,255,.78);
border-bottom:1px solid transparent;
}
.pf-footer-bottom a:hover{
color:#fff;
border-bottom-color:rgba(255,255,255,.35);
} .pf-form-message{
display:none;
margin-top:16px;
padding:14px 16px;
border-radius:12px;
font-weight:600;
}
.pf-form-message.is-success{
display:block;
background:#ecfdf3;
border:1px solid #abefc6;
color:#067647;
}
.pf-form-message.is-error{
display:block;
background:#fef3f2;
border:1px solid #fecdca;
color:#b42318;
}
.pf-btn[disabled]{
opacity:.65;
cursor:not-allowed;
pointer-events:none;
}
.pf-btn.is-sent{
background:#1f8f4e;
color:#fff;
opacity:1;
cursor:default;
pointer-events:none;
} @media (max-width:980px){
.pf-ui .pf-hero-grid{ grid-template-columns:1fr; }
.pf-ui .pf-cards{ grid-template-columns:1fr 1fr; }
.pf-ui .pf-grid-2{ grid-template-columns:1fr; }
.pf-ui .pf-btn{ width:100%; min-width:0; }
.pf-footer-grid{ grid-template-columns:1fr 1fr; }
.pf-footer-logos{ justify-content:center; }
}
@media (max-width:768px){
.pf-brandlogo{
height:38px;
max-width:220px;
}
.pf-ui .pf-toc{ top:64px; }
.pf-ui .pf-chip-top{
margin-left:8px;
flex:0 0 auto;
}
.pf-footer .pf-container{
padding:0 20px;
}
.pf-footer-grid{
grid-template-columns:1fr;
text-align:center;
}
.pf-footer-sign{
justify-content:center;
text-align:center;
width:100%;
}
.pf-footer-badges{
justify-content:center;
width:100%;
}
.pf-footer-bottom-row{
justify-content:center;
text-align:center;
}
.pf-footer-logos{
flex-direction:column;
align-items:center;
}
.pf-contact-row{
flex-direction:column;
align-items:center;
text-align:center;
}
.pf-catalogue-btn-wrap{
padding:20px 12px !important;
}
a.pf-catalogue-btn,
.pf-catalogue-btn{
min-width:auto !important;
width:auto !important;
padding:12px 18px !important;
font-size:13px !important;
white-space:normal !important;
text-align:center !important;
}
}
@media (max-width:520px){
.pf-ui .pf-nav{ display:none; }
.pf-ui .pf-cards{ grid-template-columns:1fr; }
}
@media (max-width:480px){
.pf-footer .pf-container{
padding:0 16px;
}
} .pf-ui .pf-link{
color:var(--pf-red);
text-decoration:none;
font-weight:600;
}
.pf-ui .pf-link:hover{
text-decoration:underline;
}
.pf-ui .pf-hero-cover{
position:relative;
overflow:hidden;
border-radius:22px;
padding:42px 36px;
min-height:420px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
background:rgba(255,255,255,.18);
border:1px solid rgba(255,255,255,.28);
box-shadow:0 18px 55px rgba(0,0,0,.16);
backdrop-filter:blur(6px);
}
.pf-ui .pf-hero-points{
margin:18px 0 0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}
.pf-ui .pf-hero-points li{
position:relative;
padding-left:22px;
color:var(--pf-black);
font-weight:600;
}
.pf-ui .pf-hero-points li::before{
content:"•";
position:absolute;
left:0;
top:0;
color:var(--pf-red);
font-size:20px;
line-height:1;
}
.pf-ui .pf-actions-panel{
margin-top:12px;
}
.pf-ui .pf-actions-card{
margin-top:14px;
}
.pf-ui .pf-card-cover{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.pf-ui .pf-card-pro{
background-image:
linear-gradient(90deg, rgba(255,255,255,.74) 0%, rgba(255,255,255,.70) 45%, rgba(255,255,255,.65) 100%),
url(https://www.boutique-proteco.fr/images/imagecache/1100x700/jpg/chaine.webp);
}
.pf-ui .pf-card-home{
background-image:
linear-gradient(90deg, rgba(255,255,255,.74) 0%, rgba(255,255,255,.70) 45%, rgba(255,255,255,.65) 100%),
url(https://www.boutique-proteco.fr/images/Image/adobestock_113594790_garage_1759477386.jpg);
}
@media (max-width:768px){
.pf-ui .pf-hero-cover{
padding:28px 22px;
min-height:auto;
}
.pf-ui .pf-contact-row{
flex-direction:column;
align-items:center;
text-align:center;
}
}
.pf-ui .pf-inline-links{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:8px 10px;
}
.pf-ui .pf-inline-links li{
margin:0;
}
.pf-ui .pf-inline-links a{
display:inline-flex;
align-items:center;
}
.pf-ui .pf-inline-links li:not(:last-child)::after{
content:"•";
margin-left:10px;
color:rgba(17,17,17,.35);
}
@media (max-width:768px){
.pf-ui .pf-inline-links{
display:block;
}
.pf-ui .pf-inline-links li{
display:block;
margin:0 0 8px;
}
.pf-ui .pf-inline-links li::after{
content:none !important;
}
} .pf-ui .pf-models-panel{
box-shadow:none;
}
.pf-ui .pf-models-title{
display:block;
margin:0 0 14px;
font-size:14px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
line-height:1.3;
color:var(--pf-black);
}
.pf-ui .pf-models-list{
margin:10px 0 0;
padding-left:18px;
display:grid;
grid-template-columns:repeat(4, minmax(120px, 1fr));
column-gap:28px;
row-gap:8px;
}
.pf-ui .pf-models-list li{
margin:0;
color:var(--pf-muted);
}
@media (max-width:1024px){
.pf-ui .pf-models-list{
grid-template-columns:repeat(3, minmax(120px, 1fr));
}
}
@media (max-width:640px){
.pf-ui .pf-models-list{
grid-template-columns:2fr;
}
} a.pf-btn-contact{
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:10px;
min-height:46px;
padding:0 20px;
background:var(--pf-red, #c00000);
color:#fff !important;
border:1px solid var(--pf-red, #c00000);
border-radius:999px;
text-decoration:none !important;
font-weight:700;
font-size:14px;
line-height:1;
letter-spacing:.2px;
white-space:nowrap;
box-shadow:0 10px 24px rgba(192,0,0,.20);
transition:
background .22s ease,
border-color .22s ease,
color .22s ease,
transform .22s ease,
box-shadow .22s ease;
visibility:visible !important;
opacity:1 !important;
}
a.pf-btn-contact:hover{
background:#a80000;
border-color:#a80000;
color:#fff !important;
transform:translateY(-1px);
box-shadow:0 14px 30px rgba(192,0,0,.26);
}
a.pf-btn-contact:focus{
outline:none;
color:#fff !important;
box-shadow:
0 0 0 4px rgba(192,0,0,.14),
0 14px 30px rgba(192,0,0,.26);
}
a.pf-btn-contact:active{
transform:translateY(0);
box-shadow:0 8px 18px rgba(192,0,0,.18);
}
a.pf-btn-contact span{
display:inline-block;
transition:transform .22s ease;
}
a.pf-btn-contact:hover span{
transform:translateX(2px);
} .pf-nav-cta{
display:flex;
align-items:center;
} @media (max-width: 921px){
.pf-nav-cta{
display:flex !important;
width:100%;
margin-top:12px;
}
a.pf-btn-contact{
display:inline-flex !important;
width:100%;
min-height:44px;
padding:0 16px;
font-size:14px;
}
} .pf-review-band{
display:grid;
grid-template-columns: 1.5fr .9fr;
gap:24px;
align-items:center;
}
.pf-review-content h2{
font-size:clamp(1.6rem, 2.5vw, 2.2rem);
line-height:1.2;
}
.pf-review-points{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.pf-review-points span{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border:1px solid var(--pf-line);
border-radius:999px;
background:#fff;
color:var(--pf-text);
font-size:.95rem;
font-weight:600;
}
.pf-review-cta{
padding:22px;
border-radius:18px;
background:linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
border:1px solid var(--pf-line);
box-shadow:var(--pf-shadow-soft);
text-align:center;
}
.pf-review-cta .pf-btn{
width:100%;
justify-content:center;
}
@media (max-width: 920px){
.pf-review-band{
grid-template-columns:1fr;
}
.pf-review-cta .pf-btn{
width:100%;
}
}