/* ===== V2 voorbeeld: enkel 2 wijzigingen ===== */
:root{--v2ink:#231f20;--v2ink2:#3d3839;--v2mute:#615c5d;--v2line:#e4e6e8;--v2line2:#d3d6d9;--v2soft:#f5f5f7;--v2tq:#4fc6d6;--v2tqink:#0b7381}
/* 1. Shop per pH-waarde (uit A2, ZONDER rasterpatroon) */
.meytec-hv1 section.v2ph{max-width:1280px!important;width:100%;box-sizing:border-box;margin:0 auto!important;padding:72px 32px 48px!important;color:var(--v2ink);text-align:left}.v2ph *{text-align:left}.meytec-hv1 section.v2ph>*{max-width:none!important}
.v2ph .sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}
.v2ph h2{font-size:36px;line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:0 0 12px;color:var(--v2ink)}
.v2ph .sec-h p{font-size:16px;line-height:1.6;color:var(--v2ink2);max-width:760px;margin:0}
.v2ph .more{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-weight:600;font-size:15px;color:var(--v2tqink);text-decoration:none}
.v2ph svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v2ph .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.v2ph .val{border-radius:20px;background:var(--v2soft);padding:32px 28px 28px;display:grid;grid-template-columns:1fr 104px;gap:12px;min-height:280px;position:relative;overflow:hidden;color:var(--v2ink);text-decoration:none}
.v2ph .val:before{content:none!important;background:none!important}
.v2ph .val small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--v2mute);font-weight:600}
.v2ph .val h3{white-space:nowrap;font-size:48px;line-height:1.05;font-weight:800;margin:10px 0 12px;letter-spacing:-.02em;color:var(--v2ink)}
.v2ph .val p{font-size:14.5px;color:var(--v2ink2);margin:0}
.v2ph .val .ft{margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:13.5px;white-space:nowrap}.v2ph .val .ft b{font-size:20px}.v2ph .muted{color:var(--v2mute)}
.v2ph .val img{align-self:end;justify-self:center;max-height:230px;max-width:104px;width:auto;height:auto;filter:drop-shadow(0 20px 20px rgba(35,31,32,.15))}
.v2ph .lrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v2ph .lrow small{display:block;width:100%;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--v2mute);margin-bottom:2px;font-weight:600}
.v2ph .lrow a{font-size:14px;font-weight:600;color:var(--v2tqink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;padding:4px 10px 4px 0}
.v2ph .lrow a+a:before{content:"";display:inline-block;width:1px;height:12px;background:var(--v2line2);margin-right:14px;vertical-align:middle}
.v2ph .lrow.phv{margin-top:22px}
.v2ph .lrow.oth{margin-top:32px;padding-top:22px;border-top:1px solid var(--v2line)}
@media(max-width:834px){
 .meytec-hv1 section.v2ph{padding:40px 16px 28px!important}.v2ph .sec-h{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.v2ph h2{font-size:26px}.v2ph .sec-h p{font-size:15px}
 .v2ph .vals{grid-template-columns:1fr;gap:12px}.v2ph .val{min-height:0;padding:20px;grid-template-columns:1fr 84px}.v2ph .val h3{font-size:34px;margin:6px 0}.v2ph .val p{font-size:13.5px}.v2ph .val .ft{margin-top:12px}.v2ph .val img{max-height:150px}
 .v2ph .lrow{gap:4px 16px}.v2ph .lrow a{font-size:14px;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}.v2ph .lrow a+a:before{display:none}.v2ph .lrow.oth{margin-top:20px}
}
/* 2. Bestaande homepage-tegels in A2-tegelstijl (categorie-overzicht) */
.meytec-hv1 .hv1-tile-grid.hv1-tile-grid--cat{max-width:1280px;width:100%;box-sizing:border-box;margin:0 auto;margin-top:0!important;padding:8px 32px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#fff}
.meytec-hv1 .hv1-tile-grid--cat section.hv1-block,.meytec-hv1 .hv1-tile-grid--cat section.hv1-block--dark{background:var(--v2soft)!important;color:var(--v2ink);border-radius:20px;overflow:hidden;padding:0!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative}
.meytec-hv1 .hv1-tile-grid--cat img.hv1-card-img{order:0!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain!important;padding:20px 20px 0;box-sizing:border-box;margin:0!important;border-radius:0}
.meytec-hv1 .hv1-tile-grid--cat .hv1-tile-kop{order:1!important;justify-content:flex-start!important;min-height:0!important;margin:20px 22px 8px!important;padding:0!important;width:auto!important;font-size:20px!important;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--v2ink);text-align:left!important}
.meytec-hv1 .hv1-tile-grid--cat .hv1-block p{order:2!important;min-height:0!important;max-width:none!important;margin:0 22px!important;font-size:14px!important;line-height:1.55!important;color:var(--v2ink2)!important;flex:1 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block!important;text-align:left!important}
.meytec-hv1 .hv1-tile-grid--cat .hv1-actions{order:3!important;margin:16px 22px 22px!important;justify-content:flex-start!important}
.meytec-hv1 .hv1-tile-grid--cat .hv1-btn-filled{background:none!important;border:0!important;padding:0!important;height:auto!important;min-height:0!important;color:var(--v2tqink)!important;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:none!important}
.meytec-hv1 .hv1-tile-grid--cat .hv1-btn-filled:after{content:"→";font-size:15px}
.meytec-hv1 .hv1-tile-grid--cat section.hv1-block:has(.hv1-btn-filled){cursor:pointer}
@media(max-width:834px){
 .meytec-hv1 .hv1-tile-grid.hv1-tile-grid--cat{grid-template-columns:1fr;gap:10px;padding:0 0 16px}
 .meytec-hv1 .hv1-tile-grid--cat section.hv1-block,.meytec-hv1 .hv1-tile-grid--cat section.hv1-block--dark{display:grid!important;grid-template-columns:96px 1fr;grid-template-rows:auto auto;align-items:center;border-radius:16px}
 .meytec-hv1 .hv1-tile-grid--cat img.hv1-card-img{grid-row:1/3;grid-column:1;aspect-ratio:1/1;padding:8px!important}
 .meytec-hv1 .hv1-tile-grid--cat .hv1-tile-kop{grid-column:2;align-self:end;min-width:0;font-size:16px!important;margin:14px 12px 0 4px!important}
 .meytec-hv1 .hv1-tile-grid--cat .hv1-tile-kop span{white-space:normal!important;text-align:left!important}
 .meytec-hv1 .hv1-tile-grid--cat .hv1-block p{display:none!important}
 .meytec-hv1 .hv1-tile-grid--cat .hv1-actions{grid-column:2;align-self:start;margin:0 12px 6px 4px!important}
 .meytec-hv1 .hv1-tile-grid--cat .hv1-btn-filled{font-size:14px;min-height:44px!important}
 .v2ph .val small{font-size:11px;letter-spacing:.08em}
}
/* v3: pH-blok als eigen band, gescheiden van het assortiment */
.meytec-hv1 section.v2ph{padding:64px 32px 56px!important}
.meytec-hv1 .v2assort{max-width:1280px;margin:0 auto;padding:72px 32px 0;box-sizing:border-box;text-align:left}
.v2assort h2{font-size:36px;line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:0 0 28px;color:var(--v2ink)}
@media(max-width:760px){.meytec-hv1 section.v2ph{padding:44px 20px 36px!important}.meytec-hv1 .v2assort{padding:48px 20px 0}.v2assort h2{font-size:28px;margin-bottom:20px}}

/* home-v2 staging: bestaand per-taal productbeeld (vierkant, witte achtergrond) -> enkel CSS: fles uitsnijden + wit wegmengen op grijze tegel */
.v2ph .val .v2ph-pic{align-self:end;justify-self:center;display:block;width:104px;height:208px;overflow:hidden;position:relative}
.v2ph .val .v2ph-pic img.v2ph-img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:208px;height:208px;max-width:none;max-height:none;mix-blend-mode:multiply;filter:none}
@media(max-width:834px){.v2ph .val .v2ph-pic{width:84px;height:168px}.v2ph .val .v2ph-pic img.v2ph-img{width:168px;height:168px}}
/* v2b: 8 tegels, 4 per rij op desktop (mobiel blijft 1 per rij via bestaande regel) */
@media(min-width:835px){.meytec-hv1 .hv1-tile-grid.hv1-tile-grid--cat{grid-template-columns:repeat(4,1fr);gap:20px}.meytec-hv1 .hv1-tile-grid--cat .hv1-tile-kop{font-size:18px!important;margin:18px 18px 8px!important}.meytec-hv1 .hv1-tile-grid--cat .hv1-block p{margin:0 18px!important}.meytec-hv1 .hv1-tile-grid--cat .hv1-actions{margin:14px 18px 20px!important}}
@media(min-width:835px) and (max-width:1100px){.meytec-hv1 .hv1-tile-grid.hv1-tile-grid--cat{grid-template-columns:repeat(2,1fr)}}