/* Tarkett Favorit category: product-specific visual accents */
#prod_descript .favorit-category-metrics,
#prod_descript .favorit-category-banner,
#prod_descript .favorit-category-features,
#prod_descript .favorit-category-use {
float:none;
clear:both;
width:100%;
box-sizing:border-box;
}
.favorit-category-banner {
position:relative;
overflow:hidden;
margin:0 0 30px;
border-radius:14px;
background:#e8edf0;
box-shadow:0 12px 28px rgba(23,60,94,.12);
}
.favorit-category-banner img {
display:block;
width:100%;
height:auto;
aspect-ratio:2/1;
object-fit:cover;
}
.favorit-category-banner figcaption {
position:absolute;
right:22px;
bottom:20px;
left:22px;
box-sizing:border-box;
max-width:600px;
padding:13px 16px;
border-radius:9px;
background:rgba(18,43,65,.88);
color:#fff;
font-size:14px;
line-height:1.45;
}
.favorit-category-metrics {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin:18px 0 30px;
}
.favorit-category-metrics__item {
box-sizing:border-box;
padding:18px 20px;
border:1px solid #dce6ee;
border-radius:12px;
background:linear-gradient(145deg,#f7fafc 0%,#fff 100%);
box-shadow:0 8px 22px rgba(31,64,94,.07);
}
.favorit-category-metrics__value {
display:block;
margin-bottom:5px;
color:#1f4f7c;
font-size:26px;
font-weight:700;
line-height:1;
}
.favorit-category-metrics__label {
display:block;
color:#53687a;
font-size:13px;
line-height:1.35;
}
.favorit-category-features {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:8px 0 28px;
}
.favorit-category-feature {
position:relative;
box-sizing:border-box;
min-height:230px;
padding:58px 24px 24px;
overflow:hidden;
border:1px solid #dbe5ed;
border-radius:14px;
background:#f5f8fa;
}
.favorit-category-feature::after {
content:"";
position:absolute;
right:-42px;
bottom:-58px;
width:150px;
height:150px;
border-radius:50%;
background:radial-gradient(circle,rgba(68,117,164,.2) 0%,rgba(68,117,164,0) 68%);
}
.favorit-category-feature--base {background:linear-gradient(145deg,#f4f8fb,#edf3f7);}
.favorit-category-feature--surface {background:linear-gradient(145deg,#fffaf2,#f7f1e7);}
.favorit-category-feature__index {
position:absolute;
top:20px;
left:24px;
color:#e88924;
font-size:12px;
font-weight:700;
letter-spacing:.14em;
}
.favorit-category-feature h3 {
margin:0 0 12px;
color:#173c5e;
font-size:20px;
line-height:1.25;
}
.favorit-category-feature p {
position:relative;
z-index:1;
margin:0;
color:#40576b;
font-size:15px;
line-height:1.6;
}
.favorit-category-use {
display:grid;
grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
gap:30px;
align-items:center;
margin:8px 0 24px;
padding:26px 28px;
border-left:4px solid #4475a4;
border-radius:0 12px 12px 0;
background:#edf4f8;
}
.favorit-category-use__title {
color:#173c5e;
font-size:21px;
font-weight:700;
line-height:1.35;
}
.favorit-category-use p {
margin:0;
color:#344b60;
line-height:1.65;
}
@media (max-width:760px) {
.favorit-category-metrics {gap:7px;margin:14px 0 24px;}
.favorit-category-metrics__item {padding:13px 8px;text-align:center;}
.favorit-category-metrics__value {font-size:21px;}
.favorit-category-metrics__label {font-size:11px;}
.favorit-category-banner {margin-bottom:24px;border-radius:10px;}
.favorit-category-banner img {aspect-ratio:1.35/1;}
.favorit-category-banner figcaption {right:8px;bottom:8px;left:8px;padding:9px 10px;font-size:11px;}
.favorit-category-features {display:block;margin-bottom:22px;}
.favorit-category-feature {min-height:0;margin-bottom:10px;padding:48px 18px 18px;}
.favorit-category-feature__index {top:17px;left:18px;}
.favorit-category-feature h3 {font-size:18px;}
.favorit-category-feature p {font-size:14px;}
.favorit-category-use {display:block;margin-bottom:18px;padding:20px 18px;}
.favorit-category-use__title {margin-bottom:12px;font-size:19px;}
}