/* VloerenPlinten.nl — shared brand treatment on original Hostinger static site.
   Source palette: vloerenplinten-webshop/app/brand-system.css.
   No changes to ordering, product pricing, quote or form JavaScript. */
:root{--vp-ink:#171512;--vp-frame:#0d0c0a;--vp-paper:#f4f0e8;--vp-surface:#fffdf8;--vp-sand:#ece4d7;--vp-line:#d9cfbf;--vp-gold:#806039;--vp-champagne:#ddc79e;--vp-forest:#243e37;--vp-serif:Georgia,'Times New Roman',serif;--vp-sans:Arial,Helvetica,sans-serif;--sx-ink:#171512;--sx-gold:#806039;--sx-paper:#f4f0e8;--sx-line:#d9cfbf}
html body{font-family:var(--vp-sans);color:var(--vp-ink);background:var(--vp-paper)}
body :is(h1,h2,h3){font-family:var(--vp-serif);letter-spacing:-.025em}
.site-navigation{background:var(--vp-frame)!important;border-bottom:1px solid #39332b!important;box-shadow:none!important}
.site-navigation :is(.site-brand,.site-primary-links>a:not(.site-navigation-cta),.site-mega-toggle){color:var(--vp-surface)!important}
.site-brand-mark{border-color:var(--vp-champagne)!important;background:transparent!important;color:var(--vp-champagne)!important}
.site-brand-mark :is(i,em){background:var(--vp-champagne)!important}
.site-brand>span:last-child>b,.site-brand small{color:var(--vp-champagne)!important}
.site-navigation-cta{background:var(--vp-champagne)!important;color:var(--vp-ink)!important;border:1px solid var(--vp-champagne)!important;box-shadow:none!important;border-radius:2px!important}
.site-navigation .site-primary-links>a:not(.site-navigation-cta):after,.site-mega-toggle:after{background:var(--vp-champagne)!important}
.site-mega{background:var(--vp-frame)!important}
.dpe-site,.sx-main{background-color:var(--vp-paper);color:var(--vp-ink)}
.dpe-site :is(.dpe-config-section,.dpe-project-showcase,.dpe-confidence),.sx-main{background-color:var(--vp-paper)!important}
.dpe-site :is(.dpe-studio,.dpe-controls,.dpe-selection-card,.dpe-format-card),.sx-main :is(article,.sx-card){border-color:var(--vp-line);box-shadow:none}
.dpe-site :is(.dpe-button,.dpe-accept){border-radius:2px!important;box-shadow:none!important;font-family:var(--vp-sans)}
.dpe-hero .dpe-button{background:var(--vp-champagne)!important;color:var(--vp-ink)!important;border:1px solid var(--vp-champagne)!important}
.dpe-hero h1 em{color:var(--vp-champagne)!important}
.dpe-quote{background:var(--vp-frame)!important;border-color:var(--vp-gold)!important;border-radius:2px!important}
.dpe-quote .dpe-accept{background:var(--vp-champagne)!important;color:var(--vp-ink)!important;border-color:var(--vp-champagne)!important}
.dpe-footer{background:var(--vp-frame)!important;color:var(--vp-surface)}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-radius:2px;max-width:100%}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--vp-gold);outline-offset:3px}
@media(max-width:860px){.site-navigation-links.is-open{background:var(--vp-paper)!important;color:var(--vp-ink)!important}.site-navigation-links.is-open .site-primary-links>a:not(.site-navigation-cta),.site-navigation-links.is-open .site-mega-toggle{color:var(--vp-ink)!important}.site-mobile-head{background:var(--vp-frame)!important}.site-navigation .site-brand{max-width:100%}}

.site-navigation .vp-phone-link{color:#ddc79e!important;white-space:nowrap;font:600 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.site-navigation .vp-phone-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1180px){.site-navigation .vp-phone-link{font-size:12px}}
@media(max-width:860px){.site-navigation-links.is-open .vp-phone-link{color:#806039!important;display:inline-flex;min-height:44px;align-items:center}}