Wpc стенен панел с интегрирана панел връзка - без фуга 400×2600×9 мм Модел: А3

:root--black:#0A0A0A;--graphite:#1C1C1C; --white:#FFFFFF;--off-white: #F5F5F3;--light-bg:#ECECEC;--gold:#D0A13 B;--gold-soft: #D7B15A;--gold-bg:rgba(208,161, 59, . 10);--gold-line: rgba(208,161, 59, . 28);--text-sec:#444444;--text-dark: #2B2B2B;--shadow-sm: 0 4px 20px rgba(10,10, 10, . 07);--shadow-md: 0 12px 40px rgba(10,10, 10, . 10);--shadow-lg: 0 24px 60px rgba(10,10, 10, . 13);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--max:1400px;*, *::before, *::after box-sizing: border-box;html scroll-behavior: smooth;bodymargin: 0;font-family: 'Inter', Arial, sans-serif;background: var(--off-white);color: var(--black);-webkit-font-smoothing: antialiased;img max-width: 100%; display: block;a color: inherit;. page width: min(var(--max), calc(100% - 40px)); margin: 0 auto;. capsuledisplay: inline-block;background: var(--black);color: var(--white);border-radius: 90px 15px 90px 15px;padding: 4px 14px;font-weight: 800;font-style: normal;line-height: inherit;. eyebrowdisplay: inline-flex;align-items: center;gap: 8px;color: var(--gold);font: 700 12px/1 'Inter', sans-serif;letter-spacing: . 18em;text-transform: uppercase;margin-bottom: 20px;. eyebrow::beforecontent: '';display: inline-block;width: 28px; height: 2px;background: var(--gold);border-radius: 2px;. hero padding: 64px 0 52px;. hero-copy h1font-size: clamp(36px, 4.2vw, 66px);font-weight: 900;line-height: 1.0;letter-spacing: -. 02em;margin: 0 0 20px;color: var(--black);. hero-copy . leadfont-size: 17px;line-height: 1.7;color: var(--text-sec);margin: 0 0 32px;max-width: 760px;. hero-meta display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px;. meta-pilldisplay: inline-flex;align-items: center;gap: 6px;background: var(--white);border: 1px solid var(--gold-line);border-radius: 999px;padding: 8px 16px;font: 600 13px/1 'Inter', sans-serif;color: var(--text-dark);. meta-pill svg width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 2;. cta-row display: flex; gap: 12px; flex-wrap: wrap;. btndisplay: inline-flex;align-items: center;justify-content: center;gap: 8px;border-radius: 999px;padding: 14px 28px;font: 700 14px/1 'Inter', sans-serif;text-decoration: none;letter-spacing: . 04em;text-transform: uppercase;transition: transform . 18s ease, box-shadow . 18s ease, background . 18s ease;cursor: pointer;border: none;. btn-primary background: var(--black); color: var(--white); box-shadow: 0 8px 24px rgba(10,10, 10, . 22);. btn-primary:hover background: var(--graphite); transform: translateY(-2px);. btn-secondary background: transparent; color: var(--gold); border: 1.5px solid var(--gold);. btn-secondary:hover background: var(--gold-bg); transform: translateY(-2px);. dividerwidth: 100%; height: 1px;background: linear-gradient(90deg, transparent, var(--gold-line) 30%, var(--gold-line) 70%, transparent);margin: 0;. section padding: 28px 0;. section-head text-align: center; padding: 12px 0 36px;. section-head h2font-size: clamp(30px, 3.5vw, 52px);font-weight: 800;letter-spacing: -. 02em;line-height: 1.07;margin: 16px 0 14px;color: var(--black);. section-head pfont: 400 16px/1.7 'Inter', sans-serif;color: var(--text-sec);max-width: 680px;margin: 0 auto;. features-grid display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;. feature-cardbackground: var(--white);border: 1px solid rgba(10,10, 10, . 09);border-radius: var(--radius-lg);padding: 32px 28px;box-shadow: var(--shadow-sm);. feature-iconwidth: 48px; height: 48px;border-radius: 50%;background: var(--gold-bg);border: 1.5px solid var(--gold-line);display: flex; align-items: center; justify-content: center;margin-bottom: 18px;. feature-icon svg width: 22px; height: 22px; stroke: var(--gold); fill: none; stroke-width: 2; stroke-linecap: round;. feature-card h3 font: 700 17px/1.25 'Inter', sans-serif; color: var(--black); margin: 0 0 10px;. feature-card p font: 400 14px/1.65 'Inter', sans-serif; color: var(--text-sec); margin: 0;. specs-cardbackground: var(--white);border: 1px solid rgba(10,10, 10, . 09);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);. specs-rowdisplay: grid;grid-template-columns: 200px 1fr;border-bottom: 1px solid var(--light-bg);. specs-row:last-child border-bottom: none;. specs-labelpadding: 16px 24px;font: 600 14px/1.4 'Inter', sans-serif;color: var(--text-dark);background: var(--off-white);border-right: 1px solid var(--light-bg);. specs-value padding: 16px 24px; font: 400 14px/1.4 'Inter', sans-serif; color: var(--text-sec);. specs-value strong color: var(--black); font-weight: 700;. step-grid display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;. step-cardbackground: var(--white);border: 1px solid rgba(10,10, 10, . 09);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);transition: transform . 2s ease, box-shadow . 2s ease;. step-card:hover transform: translateY(-3px); box-shadow: var(--shadow-md);. step-card img width: 100%; height: auto; display: block;. notemargin-top: 24px;padding: 18px 22px;border-radius: var(--radius-sm);background: var(--gold-bg);border: 1px solid var(--gold-line);font: 400 14px/1.6 'Inter', sans-serif;color: var(--text-dark);display: flex;gap: 12px;align-items: flex-start;. note-icon flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px;. note-icon svg width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 2;. note strong color: var(--black); font-weight: 700;. splitdisplay: grid;grid-template-columns: 1fr 1fr;gap: 0;align-items: stretch;background: var(--white);border: 1px solid rgba(10,10, 10, . 09);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);. split-copypadding: 52px 48px;display: flex;flex-direction: column;justify-content: center;. split-copy h2font-size: clamp(28px, 3vw, 46px);font-weight: 800;line-height: 1.08;letter-spacing: -. 02em;margin: 0 0 18px;color: var(--black);. split-copy p font: 400 16px/1.75 'Inter', sans-serif; color: var(--text-sec); margin: 0 0 20px;. split-copy ul margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;. split-copy lidisplay: flex; align-items: flex-start; gap: 12px;font: 400 15px/1.6 'Inter', sans-serif; color: var(--text-sec);. split-copy li > * min-width: 0;. split-copy li::beforecontent: '';flex-shrink: 0;width: 18px; height: 18px;margin-top: 2px;border-radius: 50%;background: var(--gold-bg);border: 1.5px solid var(--gold-soft);background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www. w3. org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%23D0A13B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 10px;. split-copy li strong color: var(--black); font-weight: 700;. split-visualbackground: var(--off-white);display: flex; align-items: center; justify-content: center;min-height: 440px;. split-visual img width: 100%; height: 100%; object-fit: cover; display: block;. split. reverse . split-copy order: 2;. split. reverse . split-visual order: 1;. app-grid display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;. colors-grid display: grid; grid-template-columns: repeat(5,1fr); gap: 16px;@media (max-width: 900px) . colors-grid grid-template-columns: repeat(3,1fr);@media (max-width: 600px) . colors-grid grid-template-columns: 1fr; gap: 10px;. faq-list display: flex; flex-direction: column; gap: 12px;. faq-itembackground: var(--white);border: 1px solid rgba(10,10, 10, . 09);border-radius: var(--radius-md);padding: 24px 28px;box-shadow: var(--shadow-sm);. faq-item h3 font: 700 16px/1.35 'Inter', sans-serif; color: var(--black); margin: 0 0 10px;. faq-item p font: 400 15px/1.65 'Inter', sans-serif; color: var(--text-sec); margin: 0;. contact-bannerdisplay: flex; align-items: center; gap: 24px;background: var(--black);border-radius: var(--radius-lg);padding: 36px 44px;box-shadow: var(--shadow-lg);flex-wrap: wrap;. contact-banner-iconflex-shrink: 0; width: 52px; height: 52px;border-radius: 50%;background: var(--gold-bg); border: 1.5px solid var(--gold-line);display: flex; align-items: center; justify-content: center;. contact-banner-icon svg width: 22px; height: 22px; stroke: var(--gold); fill: none; stroke-width: 2; stroke-linecap: round;. contact-banner-text flex: 1; min-width: 200px;. contact-banner-label font: 800 20px/1.2 'Inter', sans-serif; color: var(--white); margin-bottom: 6px;. contact-banner-desc font: 400 15px/1.6 'Inter', sans-serif; color: rgba(255,255, 255, . 65);. contact-banner-actions display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0;. contact-banner-actions . btn-primary background: var(--gold); color: var(--black); box-shadow: 0 8px 24px rgba(208,161, 59, . 30);. contact-banner-actions . btn-primary:hover background: var(--gold-soft);. contact-banner-actions . btn-secondary color: var(--white); border-color: rgba(255,255, 255, . 35);. contact-banner-actions . btn-secondary:hover background: rgba(255,255, 255, . 08);. share-btndisplay: inline-flex; align-items: center; gap: 7px;background: var(--white); border: 1.5px solid var(--gold-line);border-radius: 999px; padding: 9px 18px;font: 600 13px/1 'Inter', sans-serif; color: var(--text-dark);cursor: pointer; transition: border-color . 18s, background . 18s, transform . 18s;margin-bottom: 28px;. share-btn svg width: 15px; height: 15px; stroke: var(--gold); fill: none; stroke-width: 2;. share-btn:hover border-color: var(--gold); background: var(--gold-bg); transform: translateY(-1px);footer padding: 48px 0 64px; text-align: center;footer p font: 400 13px/1.6 'Inter', sans-serif; color: #999; margin: 0;@media (max-width: 900px). page width: calc(100% - 32px);. hero padding: 40px 0 32px;. features-grid grid-template-columns: 1fr 1fr;. step-grid grid-template-columns: repeat(2, 1fr); gap: 12px;. split grid-template-columns: 1fr;. split-copy padding: 36px 28px; order: 2;. split-visual min-height: 0; order: 1;. split. reverse . split-copy order: 2;. split. reverse . split-visual order: 1;. specs-row grid-template-columns: 140px 1fr;. contact-banner padding: 28px; gap: 20px;@media (max-width: 600px). page width: calc(100% - 24px);. hero padding: 32px 0 24px;. hero-copy h1 font-size: clamp(28px, 8vw, 40px);. hero-copy . lead font-size: 15px;. cta-row flex-direction: column;. btn width: 100%; justify-content: center; padding: 15px 20px;. features-grid grid-template-columns: 1fr;. step-grid grid-template-columns: 1fr;. app-grid grid-template-columns: 1fr;. specs-row grid-template-columns: 1fr;. specs-label border-right: none; border-bottom: 1px solid var(--light-bg);. section-head h2 font-size: clamp(24px, 7vw, 36px);. contact-banner padding: 24px 20px; flex-direction: column; align-items: flex-start;. contact-banner-actions width: 100%;. contact-banner-actions . btn flex: 1; justify-content: center;WPC Стенен панел с интегрирана панел връзка без фугаКлик система
без видима фуга

WPC декоративен стенен панел с клик система „шип и канал". Панелите се съединяват плътно и осигуряват равна линия на снаждане без видима фуга.

МоделА3ЦвятСив дъбРазмери400 × 2600 × 9 ммМатериалWPC, дървесно-полимерен композитСистемаК лик система „шип и канал" без видима фугаВодоустойчивостД а, подходящ за влажни помещенияФормалдехид Без формалдехидПриложени еИнтериор: коридор, ТВ зони, спалня, офис, хотел, рецепция(async () =>const response = await fetch('https://www. vivadecor. bg/page/wpc-stenen-panel-integriran-opis anie');const html = await response. text();const parser = new DOMParser();const doc = parser. parseFromString(html, 'text/html');const contentTextbox = doc. querySelectorAll('. _textbox')[1];const descSection = document. querySelector('#product-details-descript ion');const descTextbox = descSection. querySelector('. _textbox');const children = Array. from(descTextbox. children);const lastRow = children[children. length - 1];const wrapper = document. createElement('div');wrapper. style. cssText = 'width:100%; margin-top:30px;';wrapper. innerHTML = contentTextbox. innerHTML;lastRow. insertAdjacentElement('afterend', wrapper);)();