/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Vloerpaleis 2.0 — light-luxury child theme (sitewide frame + styling)
Author:       Velox Studio
Template:     bricks
Version:      1.6
Text Domain:  bricks
*/

:root{--bg:#FBF9F6;--surface:#fff;--ink:#16234A;--ink-soft:#5A6178;--line:#E7E2DA;--accent:#E87B2A;--accent-cta:#C75F1A;--accent-hover:#B25415;--serif:'Lora',Georgia,serif}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;margin:0}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;line-height:1.14;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.btn{display:inline-block;font-weight:600;font-size:15px;padding:14px 28px;border-radius:5px;transition:.2s;border:1.5px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent-cta);color:#fff}.btn-primary:hover{background:var(--accent-hover)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}
.herring{background-color:var(--accent);background-image:linear-gradient(135deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.22) 75%,transparent 75%),linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.06) 75%,transparent 75%);background-size:22px 22px}
.eyebrow{color:var(--accent-cta);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;margin-bottom:12px}

/* ---- SITEBREDE FRAME ---- */
.vp-topbar{background:var(--ink);color:#fff;font-size:13px}.vp-topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px}.vp-topbar a{opacity:.85}
header.vp-h{position:sticky;top:0;z-index:60;background:rgba(251,249,246,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.vp-h .wrap{display:flex;align-items:center;gap:38px;height:84px;padding-left:14px}
.vp-logo{height:68px;width:auto}
nav.vp-nav{display:flex;gap:30px;font-weight:500;font-size:15.5px}
nav.vp-nav a{padding:6px 0;border-bottom:2px solid transparent;transition:.2s}nav.vp-nav a:hover{border-color:var(--accent);color:var(--accent-cta)}
.vp-hicons{margin-left:auto;display:flex;gap:20px;font-size:14px;font-weight:500}
.vp-burger{display:none;margin-left:auto;background:none;border:0;font-size:28px;line-height:1;color:var(--ink);cursor:pointer;padding:4px 6px}
footer.vp-f{background:var(--ink);color:#cfd5e3;font-size:14px;padding:56px 0 30px;margin-top:60px}
footer.vp-f .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
footer.vp-f h4{color:#fff;font-family:var(--serif);font-weight:500;font-size:17px;margin-bottom:14px}
footer.vp-f a{display:block;padding:5px 0;opacity:.8}footer.vp-f a:hover{opacity:1;color:var(--accent)}
footer.vp-f .fb{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;opacity:.7}
/* Breadcrumbs */
.vp-bc{background:var(--bg);border-bottom:1px solid var(--line)}
.vp-bc .wrap{padding-top:11px;padding-bottom:11px}
.vp-bc,.vp-bc a,.vp-bc .rank-math-breadcrumb{font-size:13px;color:var(--ink-soft)}
.vp-bc a{text-decoration:none}.vp-bc a:hover{color:var(--accent-cta)}
.vp-bc .rank-math-breadcrumb p{margin:0}
.vp-bc .last,.vp-bc .rank-math-breadcrumb .last{color:var(--ink);font-weight:600}

/* ---- HOMEPAGE (scoped .vp-home) ---- */
.vp-home section{padding:72px 0}
.vp-home .sec-head{text-align:center;max-width:620px;margin:0 auto 44px}.vp-home .sec-head h2{font-size:38px;margin-bottom:14px}.vp-home .sec-head p{color:var(--ink-soft)}
.vp-home .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:78px 28px 70px}
.vp-home .hero h1{font-size:56px;margin-bottom:22px}.vp-home .hero h1 em{font-style:italic;color:var(--accent)}
.vp-home .hero p{font-size:19px;color:var(--ink-soft);max-width:480px;margin-bottom:32px}
.vp-home .hcta{display:flex;gap:14px;flex-wrap:wrap}
.vp-home .hero-visual{height:430px;border-radius:10px;box-shadow:0 30px 60px -30px rgba(22,35,74,.35);display:flex;align-items:flex-end;justify-content:center}
.vp-home .hero-visual small{color:#fff;letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:26px;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.vp-home .micro{font-size:13px;color:var(--ink-soft);margin-top:18px;display:flex;gap:18px;flex-wrap:wrap}.vp-home .micro b{color:var(--ink)}
.vp-home .usp{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vp-home .usp .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 28px}
.vp-home .usp>div .wrap>div,.vp-home .usp .wrap>div{display:flex;gap:12px;align-items:center;font-size:14.5px;font-weight:500}
.vp-home .usp .dot{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff}
.vp-home .looks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vp-home .look{border-radius:9px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:.25s}.vp-home .look:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(22,35,74,.4)}
.vp-home .look .sw{height:200px;background:var(--line) center/cover no-repeat}.vp-home .look .lb{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.vp-home .look .lb b{font-family:var(--serif);font-weight:500;font-size:19px}.vp-home .look .lb span{color:var(--accent-cta);font-size:13px;font-weight:600}
.vp-home .w1{background:linear-gradient(120deg,#b07a47,#8a5a30)}.vp-home .w2{background:linear-gradient(120deg,#caa97e,#a8824f)}.vp-home .w3{background:linear-gradient(120deg,#9a9a98,#6f7172)}.vp-home .w4{background:linear-gradient(120deg,#c8a880,#9c6f42)}.vp-home .w5{background:linear-gradient(120deg,#e7e3dc,#cfc8bd)}.vp-home .w6{background:linear-gradient(120deg,#7d8794,#586272)}
.vp-home .band{background:var(--ink);color:#fff}.vp-home .band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:64px 28px}.vp-home .band h2{font-size:34px;color:#fff;margin-bottom:16px}.vp-home .band p{color:#c5cbdb;margin-bottom:26px}.vp-home .band .mock{height:280px;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px}.vp-home .band .pill{background:#fff;color:var(--ink);padding:10px 18px;border-radius:40px;font-size:13px;font-weight:600}
.vp-home .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.vp-home .step{text-align:center}.vp-home .step .num{width:46px;height:46px;border-radius:50%;background:var(--bg);border:1.5px solid var(--accent);color:var(--accent-cta);font-family:var(--serif);font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.vp-home .step h3{font-size:21px;margin-bottom:8px}.vp-home .step p{color:var(--ink-soft);font-size:15px}
.vp-home .reviews{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vp-home .score{text-align:center;margin-bottom:30px}.vp-home .score .big{font-family:var(--serif);font-size:46px}.vp-home .score .st{color:var(--accent);font-size:20px;letter-spacing:3px}
.vp-home .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vp-home .rev{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:24px}.vp-home .rev .st{color:var(--accent);letter-spacing:2px;margin-bottom:10px}.vp-home .rev p{font-size:15px;margin-bottom:14px}.vp-home .rev b{font-size:14px}
.vp-home .band .band-img{position:relative;overflow:hidden;height:320px;border-radius:10px;background-size:cover;background-position:center}
.band-mock{position:absolute;inset:0}
.band-mock .bm-pill{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.96);color:var(--ink);padding:9px 15px;border-radius:30px;font-size:13px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.band-mock .bm-sw{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(255,255,255,.96);padding:8px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.band-mock .bm-sw i{width:46px;height:46px;border-radius:7px;background-size:cover;background-position:center;display:block;border:2px solid #fff}
.band-mock .bm-sw i.on{outline:2px solid var(--accent);outline-offset:1px}
.vp-home .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vp-home .proj{position:relative;height:240px;border-radius:10px;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end;transition:.25s}
.vp-home .proj span{background:linear-gradient(to top,rgba(22,35,74,.88),transparent);color:#fff;width:100%;padding:16px;font-weight:600;font-size:14px}
.vp-home .proj:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(22,35,74,.5)}
.merken{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;text-align:center}
.merken .eyebrow{display:block;margin-bottom:16px}
.merken-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 48px}
.merken-row b{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);opacity:.55}
.showroom-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:70px 28px}
.showroom-sec .ss-img{height:360px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 30px 60px -30px rgba(22,35,74,.4)}
.showroom-sec h2{font-size:34px;margin-bottom:14px}.showroom-sec p{color:var(--ink-soft);margin-bottom:24px}
.vp-home .gidsen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vp-home .gids{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;transition:.2s}
.vp-home .gids:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(22,35,74,.4);border-color:var(--accent)}
.vp-home .gids h3{font-size:20px;margin-bottom:8px}.vp-home .gids p{color:var(--ink-soft);font-size:14px;margin-bottom:12px}.vp-home .gids span{color:var(--accent-cta);font-weight:600;font-size:14px}

/* ---- GENERIEKE CONTENTPAGINA (service-hub, showroom, cinewall, dessin, gids) ---- */
.vp-page{padding:0 0 30px}
.vp-page .vp-phero{background:var(--ink);color:#fff;padding:64px 0}
.vp-page .vp-phero h1{font-size:44px;color:#fff;margin-bottom:14px;max-width:760px}
.vp-page .vp-phero p{color:#c5cbdb;max-width:620px;font-size:18px}
.vp-page .vp-body{padding:56px 0;max-width:880px}
.vp-page .vp-body h2{font-size:30px;margin:34px 0 14px}
.vp-page .vp-body h3{font-size:21px;margin:22px 0 8px}
.vp-page .vp-body p{margin-bottom:14px;color:#2c3550}
.vp-page .vp-body ul{margin:0 0 16px 20px}.vp-page .vp-body li{margin-bottom:7px}
.vp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.vp-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.vp-card .vp-ic{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.vp-card h3{margin:0 0 6px;font-size:18px}.vp-card p{font-size:14px;color:var(--ink-soft);margin:0}
.vp-ctablock{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:36px;text-align:center;margin:40px 0}
.vp-ctablock h2{font-size:30px;margin-bottom:10px}.vp-ctablock p{color:var(--ink-soft);margin-bottom:22px}
.vp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0 12px;text-align:center}
.vp-stats div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 12px}
.vp-stats b{display:block;font-family:var(--serif);font-size:30px;color:var(--ink);line-height:1.05}
.vp-stats span{font-size:13px;color:var(--ink-soft);margin-top:6px;display:block}
@media(max-width:600px){.vp-stats{grid-template-columns:1fr 1fr}}
/* Contact/offerte */
.vp-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.vp-contact h2{font-size:24px;margin-bottom:16px}
.vp-ci{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:12px;position:relative}
.vp-ci .vp-ci-ic{font-size:20px;position:absolute;right:18px;top:16px}
.vp-ci b{display:block;font-size:17px;color:var(--ink)}
.vp-ci small{color:var(--ink-soft);font-size:13px}
.vp-ci:hover{border-color:var(--accent)}
.vp-contact-usp{margin-top:18px;display:grid;gap:8px}
.vp-contact-usp div{font-size:14px;font-weight:500;color:var(--ink)}
.vp-contact-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px}
.vp-contact-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),.vp-contact-form textarea,.vp-contact-form select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:15px;margin-bottom:12px;box-sizing:border-box}
.vp-contact-form .wpcf7-submit{background:var(--accent-cta);color:#fff;border:0;padding:13px 28px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer}
.vp-contact-form .wpcf7-submit:hover{background:var(--accent-hover)}
.vp-contact-form label{font-size:14px;font-weight:500;color:var(--ink)}
@media(max-width:800px){.vp-contact{grid-template-columns:1fr}}
/* Generieke contentpagina */
.vp-content img{max-width:100%;height:auto;border-radius:8px}
.vp-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.vp-content th,.vp-content td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.vp-content th{background:var(--surface)}
.vp-content figure,.vp-content .wp-block-image,.vp-content .wp-block-gallery{margin:18px 0}
.vp-content .wp-block-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vp-content a{color:var(--accent-cta);text-decoration:underline}
@media(max-width:600px){.vp-content .wp-block-gallery{grid-template-columns:1fr 1fr}}
/* Categorie-SEO-tekst onder de grid */
.vp-cat-seo{margin-top:44px;padding-top:30px;border-top:1px solid var(--line);max-width:840px}
.vp-cat-seo h2{font-size:26px;margin-bottom:14px}
.vp-cat-seo h3{font-size:19px;margin:26px 0 10px}
.vp-cat-seo p{margin-bottom:14px;color:#2c3550;font-size:15px;line-height:1.65}
/* Blog/inspiratie-index */
.vp-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vp-bcard{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.vp-bcard:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(22,35,74,.4)}
.vp-bcard-img{height:180px;background:var(--line) center/cover no-repeat}
.vp-bcard-body{padding:20px}
.vp-bcard-body h2{font-size:19px;margin-bottom:8px}
.vp-bcard-body p{font-size:14px;color:var(--ink-soft);margin-bottom:12px}
.vp-bcard-body span{color:var(--accent-cta);font-weight:600;font-size:14px}
.vp-pagination{margin-top:34px}
.vp-pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:6px;margin:0 3px;color:var(--ink);text-decoration:none}
.vp-pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:900px){.vp-blog{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vp-blog{grid-template-columns:1fr}}

/* ---- WOOCOMMERCE shop/product ---- */
.woocommerce .product_title,.woocommerce-loop-product__title{font-family:var(--serif)!important;font-weight:500;color:var(--ink)}
.woocommerce span.price,.woocommerce ul.products li.product .price{color:var(--ink);font-weight:600}
.vp-allin{font-weight:600;color:var(--ink);font-size:15px;display:block}
.vp-allin strong{font-family:var(--serif);font-size:19px}
.vp-allin em{font-style:normal;color:var(--ink-soft);font-size:12px;display:block;font-weight:500;margin-top:2px}
.single-product .vp-allin strong{font-size:28px}.single-product .vp-allin{font-size:16px}
.woocommerce a.button,.woocommerce button.button,.woocommerce .button.add_to_cart_button,.woocommerce #respond input#submit,.woocommerce button.single_add_to_cart_button{background:var(--accent-cta)!important;color:#fff!important;border-radius:5px!important;font-weight:600!important;border:0!important;transition:.2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.single_add_to_cart_button:hover{background:var(--accent-hover)!important}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:0 0 16px!important;transition:.25s;text-align:left}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(22,35,74,.4)}
.woocommerce ul.products li.product a img{margin:0 0 14px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 16px!important;font-size:18px!important}
.woocommerce ul.products li.product .price{padding:0 16px;display:block;font-size:15px}
.woocommerce ul.products li.product .button{margin:12px 16px 0!important}
.single-product div.product .product_title{font-size:34px;margin-bottom:8px}
.single-product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--accent)}
.single-product .woocommerce-tabs h2{font-family:var(--serif)!important}
.vp-lookbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 26px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}
.vp-lookbar span{font-weight:600;color:var(--ink-soft);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-right:4px}
.vp-lookbar a{padding:8px 16px;border:1px solid var(--line);border-radius:30px;font-size:14px;font-weight:600;color:var(--ink);transition:.18s}
.vp-lookbar a:hover{border-color:var(--accent);color:var(--accent-cta)}
.vp-lookbar a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.vp-vvw-note{font-size:13.5px;color:var(--ink-soft);margin:0 0 24px;font-weight:500}
/* Shop met zijbalk-filters */
.vp-shoplayout{display:grid;grid-template-columns:250px 1fr;gap:38px;align-items:start;padding-top:28px;padding-bottom:56px}
.vp-side{position:sticky;top:104px}
.vp-side-h{font-family:var(--serif);font-weight:500;font-size:21px;margin-bottom:16px}
.vp-fgroup{margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:16px}
.vp-fgroup h4{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft);margin:0 0 8px}
.vp-fgroup a{display:block;padding:6px 0;font-size:14.5px;color:var(--ink);font-weight:500;border:0}
.vp-fgroup a:hover{color:var(--accent-cta)}
.vp-fgroup a[aria-current]{color:var(--accent-cta);font-weight:700}
.vp-clear{display:inline-block;font-size:13px;color:var(--ink-soft);text-decoration:underline;margin-bottom:14px}
.vp-side-note{font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}
.vp-shopmain{min-width:0}
.vp-shopmain .woocommerce-products-header,.vp-shopmain .page-description{margin-bottom:14px}
/* 2 kaarten per rij op desktop */
.vp-shopmain ul.products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px;margin:0!important}
.vp-shopmain ul.products::before,.vp-shopmain ul.products::after{display:none!important}
.vp-shopmain ul.products li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important}
/* Legmethode-badge */
.vp-leg-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin:0 16px 4px}
.single-product .vp-leg-badge{margin:0 0 12px}
.vp-leg-click{background:#eaf0ff;color:#26417e}
.vp-leg-verlijmd{background:#fbeede;color:#9a4d12}
@media(max-width:600px){.vp-shopmain ul.products{grid-template-columns:1fr!important}}
/* Mobiel: shop 1 kolom + sidebar standaard verborgen (toggle-CSS staat inline in woocommerce.php ivm UCSS-stripping) */
@media(max-width:900px){
  .vp-shoplayout{grid-template-columns:1fr;gap:20px;padding-top:14px}
  .vp-side{position:static;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;display:none}
}
.vp-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:18px 0;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;max-width:520px}
.vp-trust div{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:500;color:var(--ink)}
.vp-trust .vt-ic{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:14px}

@media(max-width:900px){
  .vp-hicons>span{display:none}.vp-hicons .vp-phone-num{display:none}
  .vp-burger{display:block;margin-left:0}header.vp-h .wrap{gap:14px}
  nav.vp-nav{position:fixed;top:122px;left:0;right:0;background:var(--bg);flex-direction:column;gap:0;padding:8px 0;border-bottom:1px solid var(--line);box-shadow:0 22px 30px -22px rgba(0,0,0,.35);transform:translateY(-130%);visibility:hidden;transition:transform .25s ease,visibility .25s ease;z-index:55}
  body.vp-menu-open nav.vp-nav{transform:translateY(0);visibility:visible}
  nav.vp-nav a{padding:15px 28px;border-bottom:1px solid var(--line);font-size:16px}
  .vp-home .hero .wrap,.vp-home .band .wrap,.showroom-sec .wrap{grid-template-columns:1fr}
  .vp-home .looks,.vp-home .steps,.vp-home .rev-grid,.vp-home .usp .wrap,footer.vp-f .fg,.vp-cards,.vp-home .projects,.vp-home .gidsen{grid-template-columns:1fr 1fr}
  .vp-home .hero h1{font-size:40px}
  .vp-trust{grid-template-columns:1fr}
}
@media(max-width:600px){
  .vp-cards,footer.vp-f .fg{grid-template-columns:1fr}
  /* kaart-labels gestapeld: titel (navy) boven, collectie/prijs + pijl (oranje) eronder */
  .vp-home .look .lb{flex-direction:column;align-items:flex-start;gap:2px;padding:13px 15px}
  .vp-home .look .lb b{color:var(--ink);font-size:17.5px;line-height:1.2}
  .vp-home .look .lb span{font-size:12.5px;line-height:1.35}
  /* hero: minder witruimte boven op mobiel */
  .vp-home .hero .wrap{padding:32px 28px 40px;gap:26px}
  /* hero-visual signatuur-tekst netjes passend in de foto */
  .vp-home .hero-visual{height:320px}
  .vp-home .hero-visual small{font-size:10px;letter-spacing:.12em;margin-bottom:16px;padding:0 18px;text-align:center;line-height:1.55}
}

/* Telefoon-knop in header (naast winkelwagen) + click m2-prijs suffix -- hersteld 2026-06-17 */
.vp-phone{display:inline-flex;align-items:center;gap:7px;background:var(--accent-cta);color:#fff;padding:8px 13px;border-radius:8px;font-weight:600;font-size:13.5px;line-height:1;text-decoration:none;white-space:nowrap;transition:background .2s}
.vp-phone:hover{background:var(--accent-hover)}
.vp-perm2-suffix{color:var(--ink-soft);font-size:.85em;font-weight:500}