Covernit Technodeck WPC 300 x 300 mm original wood 829031001 1 ks

#covernit-description {
--heading: #303537;
--text: #34393b;
--muted: #697175;
--accent: #667277;
--accent-dark: #485256;
--accent-light: #f1f3f4;
--accent-border: #d8dddf;
--surface: #f5f6f6;
--surface-soft: #fafafa;
--border: #d9dddf;
--table-head: #50585c;
--table-head-border: #687176;
--current-row: #eef2f0;
--current-border: #71847a;
--warning-background: #fff7e8;
--warning-border: #d69a3a;
--warning-title: #80571f;
--eco-background: #eef6ee;
--eco-border: #769578;
--eco-title: #456448;
--choice-background: #edf5f5;
--choice-border: #668b8c;
--choice-title: #3f696a;
box-sizing: border-box;
width: 100%;
color: var(--text);
font-family: inherit;
line-height: 1.65;
overflow-wrap: anywhere;
}
#covernit-description *,
#covernit-description *::before,
#covernit-description *::after { box-sizing: border-box; }
#covernit-description h2 {
margin: 36px 0 16px;
color: var(--heading);
font-size: clamp(1.35rem, 2.3vw, 1.75rem);
line-height: 1.3;
}
#covernit-description h3 {
margin: 24px 0 12px;
color: var(--heading);
font-size: 1.08rem;
line-height: 1.4;
}
#covernit-description p { margin: 0 0 16px; }
#covernit-description ul,
#covernit-description ol { margin: 0 0 20px; padding-left: 1.4em; }
#covernit-description li { margin: 6px 0; }
#covernit-description a {
color: #4c686b;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
#covernit-description a:hover { color: #273c3e; }
#covernit-description .intro {
margin-bottom: 28px;
padding: 22px 24px;
border-left: 4px solid var(--accent);
border-radius: 0 12px 12px 0;
background: var(--surface);
}
#covernit-description .intro strong { color: var(--heading); }
#covernit-description .intro p:last-child { margin-bottom: 0; }
#covernit-description .benefits {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 20px 0 32px;
}
#covernit-description .benefit {
padding: 18px;
border: 1px solid var(--accent-border);
border-radius: 12px;
background: var(--accent-light);
}
#covernit-description .benefit strong {
display: block;
margin-bottom: 6px;
color: var(--accent-dark);
font-size: 1.04rem;
}
#covernit-description .benefit span { display: block; color: var(--text); }
#covernit-description .choice-grid,
#covernit-description .related-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 18px 0 26px;
}
#covernit-description .choice,
#covernit-description .related-card {
padding: 18px;
border: 1px solid var(--border);
border-radius: 12px;
background: var(--surface);
}
#covernit-description .choice strong,
#covernit-description .related-card > strong,
#covernit-description .related-card > a:first-child {
display: block;
margin-bottom: 6px;
color: var(--heading);
}
#covernit-description .related-card p { margin: 7px 0 0; }
#covernit-description .notice {
margin: 22px 0;
padding: 20px 22px;
border: 1px solid #ead7b6;
border-left: 4px solid var(--warning-border);
border-radius: 0 12px 12px 0;
background: var(--warning-background);
}
#covernit-description .notice > strong:first-child {
display: block;
margin-bottom: 8px;
color: var(--warning-title);
font-size: 1.03rem;
}
#covernit-description .notice strong:not(:first-child) { color: #66451d; }
#covernit-description .eco {
margin: 20px 0 26px;
padding: 20px 22px;
border: 1px solid #cfdfcf;
border-left: 4px solid var(--eco-border);
border-radius: 0 12px 12px 0;
background: var(--eco-background);
}
#covernit-description .eco > strong:first-child {
display: block;
margin-bottom: 8px;
color: var(--eco-title);
font-size: 1.03rem;
}
#covernit-description .eco p:last-child { margin-bottom: 0; }
#covernit-description .comparison-note {
margin: 20px 0 32px;
padding: 20px 22px;
border: 1px solid #cadcdd;
border-left: 4px solid var(--choice-border);
border-radius: 0 12px 12px 0;
background: var(--choice-background);
}
#covernit-description .comparison-note > strong:first-child {
display: block;
margin-bottom: 8px;
color: var(--choice-title);
font-size: 1.03rem;
}
#covernit-description .comparison-note a { color: #416c6e; }
#covernit-description .media { margin: 22px 0 28px; text-align: center; }
#covernit-description .media img {
display: inline-block;
max-width: 100%;
height: auto;
border-radius: 10px;
}
#covernit-description .video {
position: relative;
width: 100%;
max-width: 800px;
height: 0;
margin: 22px auto 32px;
padding-bottom: 56.25%;
overflow: hidden;
border-radius: 12px;
background: #000;
}
#covernit-description .video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
#covernit-description .table-wrap { width: 100%; margin: 20px 0 30px; overflow-x: auto; }
#covernit-description table { width: 100%; border-collapse: collapse; border: 1px solid var(--border); }
#covernit-description th,
#covernit-description td {
padding: 13px 15px;
border: 1px solid var(--border);
text-align: left;
vertical-align: top;
}
#covernit-description thead th {
color: #fff;
font-weight: 700;
background: var(--table-head);
border-color: var(--table-head-border);
}
#covernit-description .specs th {
width: 38%;
color: var(--heading);
font-weight: 700;
background: #f1f2f2;
}
#covernit-description .specs td { background: #fff; }
#covernit-description .comparison tbody tr:not(.current-product) td { background: #fff; }
#covernit-description .comparison .current-product td {
background: var(--current-row);
border-top-color: #cbd4cf;
border-bottom-color: #cbd4cf;
}
#covernit-description .comparison .current-product td:first-child { border-left: 4px solid var(--current-border); }
#covernit-description .comparison .current-product strong { color: var(--heading); }
#covernit-description .faq { margin: 20px 0; }
#covernit-description .faq details {
margin-bottom: 10px;
border: 1px solid var(--border);
border-radius: 10px;
background: #fff;
overflow: hidden;
}
#covernit-description .faq summary {
position: relative;
padding: 16px 48px 16px 18px;
color: var(--heading);
font-weight: 700;
cursor: pointer;
list-style: none;
background: var(--surface);
}
#covernit-description .faq summary::-webkit-details-marker { display: none; }
#covernit-description .faq summary::after {
content: "+";
position: absolute;
top: 50%;
right: 18px;
color: var(--accent-dark);
font-size: 1.45rem;
font-weight: 400;
transform: translateY(-50%);
}
#covernit-description .faq details[open] summary { color: #fff; background: var(--table-head); }
#covernit-description .faq details[open] summary::after { content: "-"; color: #fff; }
#covernit-description .faq-answer { padding: 16px 18px; }
#covernit-description .faq-answer p:last-child { margin-bottom: 0; }
@media (max-width: 800px) {
#covernit-description .benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
#covernit-description .choice-grid,
#covernit-description .related-grid,
#covernit-description .benefits { grid-template-columns: 1fr; }
#covernit-description .intro,
#covernit-description .notice,
#covernit-description .eco,
#covernit-description .comparison-note { padding: 18px; }
#covernit-description .specs,
#covernit-description .specs tbody,
#covernit-description .specs tr,
#covernit-description .specs th,
#covernit-description .specs td { display: block; width: 100%; }
#covernit-description .specs tr {
margin-bottom: 10px;
border: 1px solid var(--border);
border-radius: 8px;
overflow: hidden;
}
#covernit-description .specs th,
#covernit-description .specs td { border: 0; }
#covernit-description .specs th { padding-bottom: 5px; }
#covernit-description .specs td { padding-top: 5px; }
#covernit-description .comparison,
#covernit-description .comparison tbody,
#covernit-description .comparison tr,
#covernit-description .comparison td { display: block; width: 100%; }
#covernit-description .comparison thead { display: none; }
#covernit-description .comparison tr {
margin-bottom: 14px;
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
background: #fff;
}
#covernit-description .comparison .current-product {
border-color: var(--current-border);
border-left: 4px solid var(--current-border);
}
#covernit-description .comparison .current-product td:first-child { border-left: 0; }
#covernit-description .comparison td {
display: grid;
grid-template-columns: 115px minmax(0, 1fr);
gap: 12px;
border: 0;
border-bottom: 1px solid var(--border);
}
#covernit-description .comparison td:last-child { border-bottom: 0; }
#covernit-description .comparison td::before {
content: attr(data-label);
color: var(--muted);
font-weight: 700;
}
}

/* Robustní formátování různých typů datových tabulek */
#covernit-description .data-table .table-title th,
#covernit-description .data-table .column-heads th {
color: #fff;
font-weight: 700;
background: var(--table-head);
border-color: var(--table-head-border);
}
#covernit-description .data-table-kv th[scope="row"],
#covernit-description .data-table-transposed th[scope="row"] {
color: var(--heading);
font-weight: 700;
background: #f1f2f2;
}
#covernit-description .data-table td { background: #fff; }
@media (max-width: 640px) {
#covernit-description .table-wrap { overflow-x: visible; }
#covernit-description .data-table-matrix,
#covernit-description .data-table-matrix thead,
#covernit-description .data-table-matrix tbody,
#covernit-description .data-table-matrix tr,
#covernit-description .data-table-matrix th,
#covernit-description .data-table-matrix td { display: block; width: 100%; }
#covernit-description .data-table-matrix .column-heads { display: none; }
#covernit-description .data-table-matrix .table-title { margin: 0; border: 0; }
#covernit-description .data-table-matrix .table-title th { border-radius: 8px 8px 0 0; }
#covernit-description .data-table-matrix tbody tr:not(.column-heads) {
margin-bottom: 14px;
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
background: #fff;
}
#covernit-description .data-table-matrix td {
display: grid;
grid-template-columns: minmax(105px, 38%) minmax(0, 1fr);
gap: 12p