.lemilux-home {
    --le-green: #12201d;
    --le-gold: #c9a66b;
    font-family: inherit;
    color: #24312d;
}

.lemilux-inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 28px;
}

.lemilux-hero {
    background: #12201d;
    color: white;
    padding: 110px 0 120px;
}

.lemilux-eyebrow {
    color: #c9a66b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 24px;
}

.lemilux-hero h1 {
    max-width: 820px;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 1.12;
    font-weight: 650;
    letter-spacing: -2px;
}

.lemilux-hero h1 span {
    display: block;
    color: #c9a66b;
}

.lemilux-intro {
    max-width: 620px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.8;
    color: #d2d9d5;
}

.lemilux-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    margin-top: 38px;
}

.lemilux-button {
    display: inline-block;
    padding: 15px 24px;
    background: #c9a66b;
    color: #12201d;
    font-weight: 700;
    text-decoration: none;
}

.lemilux-link {
    color: white;
    text-decoration: underline;
}

.lemilux-section {
    padding: 95px 0;
    background: #faf9f5;
}

.lemilux-section h2,
.lemilux-business h2 {
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.2;
    margin-bottom: 24px;
}

.lemilux-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 45px;
}

.lemilux-product {
    background: white;
    padding: 32px;
    border: 1px solid #e5e5df;
}

.lemilux-product span {
    font-size: 11px;
    letter-spacing: 1px;
    color: #8e7856;
}

.lemilux-product h3 {
    font-size: 26px;
    margin: 18px 0;
}

.lemilux-product p,
.lemilux-section p,
.lemilux-business p {
    line-height: 1.8;
}

.lemilux-business {
    background: #e9ede8;
    padding: 90px 0;
}

.lemilux-business p {
    max-width: 650px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .lemilux-hero { padding: 75px 0; }
    .lemilux-products { grid-template-columns: 1fr; }
    .lemilux-section,
    .lemilux-business { padding: 65px 0; }
}

/* LEMILUX eigen header */

.le-site-header {
    background: #12201d;
    color: #ffffff;
    border-bottom: 1px solid #34473e;
    position: relative;
    z-index: 20;
}

.le-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    min-height: 92px;
    padding: 16px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.le-brand {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    white-space: nowrap;
}

.le-brand-name {
    color: #c9a66b;
    font-size: 30px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.2;
}

.le-brand-subtitle {
    color: #cbd7cf;
    font-size: 9px;
    letter-spacing: 2px;
    margin-top: 5px;
}

.le-desktop-nav {
    display: flex;
    align-items: center;
    gap: 24px;
}

.le-desktop-nav a,
.le-mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.le-desktop-nav a:hover,
.le-mobile-menu a:hover {
    color: #c9a66b;
}

.le-header-contact {
    display: inline-block;
    padding: 12px 22px;
    background: #c9a66b;
    color: #12201d;
    font-weight: 700;
    text-decoration: none;
}

.le-mobile-menu {
    display: none;
    color: #ffffff;
}

.le-mobile-menu summary {
    cursor: pointer;
    color: #c9a66b;
    font-weight: 700;
    list-style: none;
}

.le-mobile-menu nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px 28px;
    background: #12201d;
    border-top: 1px solid #34473e;
}

@media (max-width: 1100px) {
    .le-desktop-nav {
        display: none;
    }

    .le-mobile-menu {
        display: block;
    }
}

@media (max-width: 640px) {
    .le-header-inner {
        min-height: 76px;
        padding: 12px 18px;
        gap: 12px;
    }

    .le-brand-name {
        font-size: 24px;
    }

    .le-brand-subtitle {
        font-size: 7px;
    }

    .le-header-contact {
        display: none;
    }
}

/* LEMILUX footer */

.le-footer {
    background: #12201d;
    color: #d2d9d5;
    padding: 65px 0 0;
}

.le-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 28px 60px;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 1fr;
    gap: 35px;
}

.le-footer h2 {
    color: #c9a66b;
    font-size: 28px;
    font-weight: 750;
}

.le-footer h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.le-footer p {
    line-height: 1.8;
    margin-top: 15px;
}

.le-footer a {
    display: block;
    color: #d2d9d5;
    margin-bottom: 12px;
    text-decoration: none;
}

.le-footer a:hover {
    color: #c9a66b;
}

.le-footer-bottom {
    padding: 22px 28px;
    border-top: 1px solid #34473e;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 768px) {
    .le-footer-inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .le-footer-inner {
        grid-template-columns: 1fr;
    }
}

/* BEGIN LEMILUX PRODUCT IMAGES */
.le-product-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    background: #f8f8f5;
    border-radius: 4px;
    margin-bottom: 24px;
}
/* END LEMILUX PRODUCT IMAGES */

/* BEGIN LEMILUX FULLWIDTH */

/* Alleen de LEMILUX-homepage over de schermbreedte */
.lemilux-home {
    width: 100vw;
    max-width: none;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    box-sizing: border-box;
}

.lemilux-home .lemilux-hero,
.lemilux-home .lemilux-section,
.lemilux-home .lemilux-business {
    width: 100%;
    box-sizing: border-box;
}

.lemilux-home .lemilux-inner {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Meer ruimte tussen de productkaarten */
.lemilux-home .lemilux-products {
    gap: 28px;
}

@media (max-width: 768px) {
    .lemilux-home .lemilux-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lemilux-home .lemilux-products {
        gap: 18px;
    }
}

/* END LEMILUX FULLWIDTH */

/* BEGIN LEMILUX ALIGNMENT FIX */

/* Voorkom horizontaal verschuiven van de pagina */
html,
body {
    overflow-x: clip;
}

/* Laat de hoofdomgeving de volledige breedte gebruiken */
body.cms-index-index main#maincontent,
body.cms-index-index .columns,
body.cms-index-index .column.main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Geen negatieve marge meer nodig */
body.cms-index-index .lemilux-home {
    width: 100%;
    max-width: none;
    left: auto;
    margin-left: 0;
}

/* Header en footer over volledige breedte */
.le-site-header,
.page-footer {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Inhoud netjes gecentreerd */
.le-header-inner,
.le-footer-inner {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* END LEMILUX ALIGNMENT FIX */

/* BEGIN LEMILUX CONTENT CENTER FIX */

/* Homepage losmaken van de beperkte Magento-contentbreedte */
body.cms-index-index .lemilux-home {
    position: relative;
    width: 100vw;
    max-width: none;
    left: auto;
    right: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
}

/* Alle homepage-secties schermbreed */
body.cms-index-index .lemilux-home .lemilux-hero,
body.cms-index-index .lemilux-home .lemilux-section,
body.cms-index-index .lemilux-home .lemilux-business {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Tekst en productkaarten gecentreerd */
body.cms-index-index .lemilux-home .lemilux-inner {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-right: 28px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    body.cms-index-index .lemilux-home .lemilux-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* END LEMILUX CONTENT CENTER FIX */

/* BEGIN LEMILUX ORIGINAL HEADER FOOTER */

/* Witte navigatie */
.lx-header {
    background: #ffffff;
    width: 100%;
    color: #14281f;
    border-bottom: 1px solid #e8ece8;
}

.lx-header-inner {
    max-width: 1280px;
    min-height: 82px;
    margin: 0 auto;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.lx-logo {
    color: #14281f;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: 3px;
    white-space: nowrap;
    text-decoration: none;
}

.lx-logo span,
.lx-footer-logo span {
    color: #bba06a;
}

.lx-logo sup,
.lx-footer-logo sup {
    font-size: 10px;
    vertical-align: super;
    letter-spacing: 0;
}

.lx-desktop-nav {
    display: flex;
    align-items: center;
    gap: 32px;
}

.lx-desktop-nav a {
    color: #14281f;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}

.lx-desktop-nav a:hover {
    color: #537562;
}

.lx-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #315b49;
    color: white;
    padding: 17px 23px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}

.lx-contact:hover {
    background: #244938;
    color: white;
}

.lx-mobile-menu {
    display: none;
}

/* Donkere LEMILUX footer */
.page-footer {
    background: #11251c;
    width: 100%;
}

.page-footer .footer.content {
    max-width: none;
    margin: 0;
    padding: 0;
}

.lx-footer {
    background: #11251c;
    color: #c8d5cc;
    width: 100%;
}

.lx-footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 65px 28px;
}

.lx-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 70px;
}

.lx-footer-logo {
    color: white;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 2px;
}

.lx-footer p {
    margin-top: 17px;
    line-height: 1.8;
}

.lx-footer h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 23px;
}

.lx-footer a {
    display: block;
    color: #c8d5cc;
    text-decoration: none;
    margin-bottom: 13px;
}

.lx-footer a:hover {
    color: #d7bf8d;
}

.lx-footer-bottom {
    border-top: 1px solid #304638;
    padding: 20px;
    text-align: center;
    font-size: 13px;
}

/* Tablets en mobiel */
@media (max-width: 1000px) {
    .lx-desktop-nav {
        gap: 15px;
    }

    .lx-desktop-nav a {
        font-size: 12px;
    }

    .lx-contact {
        padding: 13px;
    }
}

@media (max-width: 780px) {
    .lx-header-inner {
        min-height: 70px;
        padding: 12px 20px;
    }

    .lx-logo {
        font-size: 24px;
    }

    .lx-desktop-nav,
    .lx-contact {
        display: none;
    }

    .lx-mobile-menu {
        display: block;
        position: relative;
    }

    .lx-mobile-menu summary {
        cursor: pointer;
        font-weight: 700;
        list-style: none;
    }

    .lx-mobile-menu nav {
        position: absolute;
        right: 0;
        top: 38px;
        background: white;
        padding: 18px;
        width: 230px;
        box-shadow: 0 8px 25px #0002;
        z-index: 100;
    }

    .lx-mobile-menu nav a {
        display: block;
        padding: 10px 0;
        color: #14281f;
        text-decoration: none;
    }

    .lx-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .lx-footer-inner {
        padding: 45px 20px;
    }
}

/* END LEMILUX ORIGINAL HEADER FOOTER */



/* BEGIN LEMILUX ORIGINAL DESIGN */

.lemilux-original {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    overflow: clip;
    --deep:#10211d;--green:#2f5949;--mint:#e7eee6;--gold:#d8b980;--cream:#f7f6f1;--ink:#172520;--grey:#6a746f;--line:#dae2db
}

@scope (.lemilux-original) {
:root{--deep:#10211d;--green:#2f5949;--mint:#e7eee6;--gold:#d8b980;--cream:#f7f6f1;--ink:#172520;--grey:#6a746f;--line:#dae2db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.top{background:#10211d;color:#e7eee6;font-size:12px;letter-spacing:.08em;text-align:center;padding:8px}.header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ecf0eb}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:27px;font-weight:800;letter-spacing:.16em;color:#14251f}.logo span{color:#b59862}.links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600}.links a:hover{color:#54806b}.btn{background:var(--green);color:white;border:1px solid var(--green);padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;border-radius:3px;transition:.2s}.btn:hover{background:#1b3b2e}.btn.light{background:white;color:var(--ink);border-color:white}.btn.outline{background:transparent;color:var(--green)}.menu{display:none;border:0;background:none;font-size:25px}.hero{background:#12251e;color:#fff;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:52% 48%;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,67px);font-weight:650;line-height:1.12;letter-spacing:-.055em;margin:22px 0}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.18;letter-spacing:-.04em;margin:12px 0 16px}h3{font-size:22px;line-height:1.25;margin:12px 0}p{color:#5e6e65}.hero p{color:#c8d7ce;font-size:17px;max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-art{height:100%;position:relative;min-height:510px;background:radial-gradient(ellipse at 58% 54%,#546b57 0%,#2c4739 46%,#15281f 74%)}.scene{position:absolute;inset:13% -10% 13% 6%;transform:perspective(800px) rotateY(-8deg)}.cabinet{position:absolute;left:8%;right:6%;height:30%;top:7%;background:linear-gradient(90deg,#bca58a,#8d7760 22%,#cab69d 60%,#8e7860);box-shadow:0 13px 8px #0008}.cabinet:before{content:"";position:absolute;inset:0 50% 0 0;border-right:2px solid #675746;box-shadow:inset 0 0 0 1px #ffffff15}.led{position:absolute;top:37%;left:14%;right:12%;height:10px;background:#fff3d3;border-radius:15px;box-shadow:0 0 11px 4px #ffe8a6,0 20px 35px 9px #ffe2a070,0 60px 80px 17px #ffe3a645}.wall{position:absolute;inset:39% 4% 18% 8%;background:linear-gradient(125deg,#d4c8ae,#eee2c8 55%,#c6b89a);box-shadow:inset 0 -20px 70px #9e967d}.counter{position:absolute;bottom:14%;left:2%;right:0;height:9%;background:linear-gradient(#f4efde,#a69d8a 35%,#514b43);transform:skewX(-7deg);box-shadow:0 16px 21px #0005}.counter:after{content:"";position:absolute;top:100%;left:8%;right:3%;height:95px;background:linear-gradient(90deg,#8a745b,#b29d83 50%,#685542)}.lamp-note{position:absolute;bottom:5%;right:0;background:#fff;color:#26372d;padding:14px 18px;box-shadow:0 8px 30px #0003;font-size:13px;font-weight:700}.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}.trust-item{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:650}.trust-item b{color:var(--green);font-size:20px}.section{padding:92px 0}.section-head{max-width:700px;margin-bottom:34px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product{background:white;border:1px solid var(--line);overflow:hidden}.product-visual{height:220px;position:relative;overflow:hidden;background:#e8e7dd}.product-visual.dark{background:#313735}.product-visual.warm{background:#d7c8ad}.spot{width:180px;height:62px;background:linear-gradient(145deg,#e1e2db,#9ea6a1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skewY(-7deg);box-shadow:12px 18px 18px #0003;border-radius:3px;border:8px solid #b9c0ba}.spot:after{content:"";position:absolute;inset:11px 14px;background:#fff4ca;box-shadow:0 0 14px #fff0b6}.dark .spot{background:#161c1a;border-color:#242a28}.warm .spot{width:100px;height:100px;border-radius:50%;background:#e3dfd0;border:12px solid #f3f0e8}.warm .spot:after{border-radius:50%;inset:9px}.product-body{padding:27px}.tag{font-size:11px;letter-spacing:.15em;color:#64806e;font-weight:800}.product p{font-size:14px;min-height:65px}.textlink{display:inline-block;font-size:14px;font-weight:800;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:3px}.feature{background:#e8eee8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-box{border-radius:2px;min-height:390px;background:#b1b6a5;position:relative;overflow:hidden}.feature-box:before{content:"";position:absolute;inset:14% 10% 23%;border:28px solid #7b7f6c;background:linear-gradient(130deg,#eadfcb,#c7bca5);box-shadow:0 40px 45px #0002}.feature-box:after{content:"";position:absolute;left:16%;right:18%;top:31%;height:6px;background:#fff5d4;box-shadow:0 1px 12px 5px #ffeca7,0 30px 50px 18px #ffe5a65b}.check{display:flex;gap:12px;margin:13px 0;font-size:15px}.check b{color:var(--green)}.cta{background:#18372a;color:white;padding:65px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:#c7d8cd;margin:0}.small{font-size:13px}.footer{padding:55px 0 25px;background:#101f1a;color:#edf3ee}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer p,.footer a{color:#b9c9be}.footer p{max-width:420px}.footer h4{margin:0 0 15px}.footer a{display:block;font-size:14px;margin:8px 0}.bottom{border-top:1px solid #365045;margin-top:38px;padding-top:20px;color:#98ad9f;font-size:12px}.notice{display:inline-block;background:#ffffff1a;color:#f0e4c6;padding:7px 12px;border-radius:2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mobileonly{display:none}@media(max-width:800px){.wrap{width:min(100% - 34px,600px)}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px 25px;flex-direction:column;align-items:flex-start;box-shadow:0 16px 25px #0002}.links.open{display:flex}.menu{display:block}.hero-grid,.feature-grid{grid-template-columns:1fr}.hero-grid{padding-top:60px}.hero-art{min-height:310px;margin-top:26px}.scene{inset:7% 8% 7% 3%}.lamp-note{right:6%}.trust-grid{grid-template-columns:1fr 1fr;gap:16px}.grid3{grid-template-columns:1fr}.section{padding:65px 0}.product-visual{height:190px}.cta-grid{display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.feature-grid{gap:27px}}
}

/* END LEMILUX ORIGINAL DESIGN */


/* LEMILUX echte productfoto's */

.lemilux-original .lx-real-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
}

.lemilux-original .lx-real-photo img {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 225px;
    object-fit: contain;
    background: transparent;
}

/* AVA en VEDA productinformatie */

.lemilux-original .lx-product-details {
    padding: 95px 28px;
    background: #ffffff;
    color: #182b23;
}

.lemilux-original .lx-detail-alternate {
    background: #f2f4ef;
}

.lemilux-original .lx-detail-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}

.lemilux-original .lx-detail-image {
    background: #f6f6f3;
    padding: 35px;
}

.lemilux-original .lx-detail-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
}

.lemilux-original .lx-detail-copy h2 {
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.15;
    margin: 18px 0 25px;
}

.lemilux-original .lx-detail-copy h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 28px 0 15px;
}

.lemilux-original .lx-detail-copy p {
    line-height: 1.8;
}

.lemilux-original .lx-detail-copy ul {
    list-style: disc;
    padding-left: 22px;
    margin-bottom: 30px;
    line-height: 2;
}

.lemilux-original .lx-detail-button {
    display: inline-block;
    background: #315b49;
    color: #fff;
    padding: 16px 24px;
    text-decoration: none;
    font-weight: 700;
}

.lemilux-original .lx-detail-button:hover {
    background: #244938;
    color: white;
}

@media (max-width: 768px) {
    .lemilux-original .lx-product-details {
        padding: 55px 20px;
    }

    .lemilux-original .lx-detail-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .lemilux-original .lx-real-photo img {
        height: 190px;
    }
}


/*
 * LEMILUX - GRAPHITE SAGE
 * Magento Hyvä childtheme
 * Kleurthema, zonder aanpassing van productinhoud.
 */

:root {
    --lx-graphite: #202525;
    --lx-sage: #AFC5BF;
    --lx-sage-dark: #355E50;
    --lx-sage-muted: #789B8E;
    --lx-ivory: #F7F8F6;
    --lx-mist: #F1F4F0;
    --lx-text: #252B31;
    --lx-warm-light: #E3C995;
}

/* HEADER */

.lx-header {
    background: var(--lx-ivory) !important;
    border-bottom: 1px solid #DFE7E1;
}

.lx-header .lx-logo {
    color: var(--lx-graphite) !important;
}

.lx-header .lx-logo span {
    color: var(--lx-sage-muted) !important;
}

.lx-header .lx-desktop-nav a {
    color: var(--lx-graphite) !important;
}

.lx-header .lx-desktop-nav a:hover {
    color: var(--lx-sage-dark) !important;
}

.lx-header .lx-contact {
    background: var(--lx-sage-dark) !important;
    color: #FFFFFF !important;
    border-radius: 4px;
}

.lx-header .lx-contact:hover {
    background: var(--lx-graphite) !important;
}

/* HOMEPAGE EN HERO */

body.cms-index-index {
    background: var(--lx-ivory);
}

.lemilux-original {
    color: var(--lx-text);
}

.lemilux-original .hero {
    background: var(--lx-graphite) !important;
    color: #FFFFFF !important;
}

.lemilux-original .hero h1 {
    color: #FFFFFF !important;
}

.lemilux-original .hero h1 em {
    color: var(--lx-sage) !important;
}

.lemilux-original .hero .eyebrow {
    color: var(--lx-sage) !important;
}

.lemilux-original .hero p {
    color: #DBE4DF !important;
}

.lemilux-original .hero-actions .btn.light {
    background: var(--lx-sage) !important;
    color: var(--lx-graphite) !important;
    border-color: var(--lx-sage) !important;
}

.lemilux-original .hero-actions .btn:not(.light) {
    background: transparent !important;
    border-color: #8CA69B !important;
    color: #FFFFFF !important;
}

/* PRODUCTCOLLECTIE */

.lemilux-original #producten {
    background: var(--lx-mist) !important;
}

.lemilux-original #producten h2 {
    color: var(--lx-graphite) !important;
}

.lemilux-original #producten .eyebrow {
    color: var(--lx-sage-dark) !important;
}

.lemilux-original .product {
    background: #FFFFFF !important;
    border: 1px solid #DFE6E0 !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 22px rgba(32,37,37,.035);
    transition: transform .2s ease, box-shadow .2s ease;
}

.lemilux-original .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(32,37,37,.09);
}

.lemilux-original .product h3 {
    color: var(--lx-graphite) !important;
}

.lemilux-original .product .tag,
.lemilux-original .product .textlink {
    color: var(--lx-sage-dark) !important;
}

/* PRODUCTFOTO'S EN TECHNISCHE DETAILS */

.lemilux-original .lx-product-details {
    background: #FFFFFF !important;
}

.lemilux-original .lx-detail-alternate {
    background: var(--lx-mist) !important;
}

.lemilux-original .lx-detail-image {
    background: var(--lx-ivory) !important;
    border-radius: 8px;
}

.lemilux-original .lx-detail-copy h2,
.lemilux-original .lx-detail-copy h3 {
    color: var(--lx-graphite) !important;
}

.lemilux-original .lx-detail-button {
    background: var(--lx-sage-dark) !important;
    color: #FFFFFF !important;
    border-radius: 4px;
}

.lemilux-original .lx-detail-button:hover {
    background: var(--lx-graphite) !important;
}

/* KEUKENVERLICHTING */

.lemilux-original .feature {
    background: var(--lx-ivory) !important;
}

.lemilux-original .feature h2,
.lemilux-original .section h2 {
    color: var(--lx-graphite);
}

.lemilux-original .feature .check b {
    color: var(--lx-sage-dark) !important;
}

/* ZAKELIJKE SECTIE */

.lemilux-original #zakelijk {
    background: #FFFFFF !important;
}

.lemilux-original #zakelijk .eyebrow {
    color: var(--lx-sage-dark) !important;
}

/* ALGEMENE CONTACTKNOPPEN */

.lemilux-original .section a.btn:not(.light) {
    background: var(--lx-sage-dark) !important;
    border-color: var(--lx-sage-dark) !important;
    color: #FFFFFF !important;
}

/* ONDERSTE CTA */

.lemilux-original .cta {
    background: var(--lx-graphite) !important;
    color: #FFFFFF !important;
}

.lemilux-original .cta h2 {
    color: #FFFFFF !important;
}

.lemilux-original .cta .eyebrow {
    color: var(--lx-sage) !important;
}

.lemilux-original .cta .btn.light {
    background: var(--lx-sage) !important;
    color: var(--lx-graphite) !important;
    border-color: var(--lx-sage) !important;
}

/* FOOTER */

.page-footer,
.lx-footer {
    background: var(--lx-graphite) !important;
}

.lx-footer,
.lx-footer p,
.lx-footer a {
    color: #D9E2DE !important;
}

.lx-footer h3,
.lx-footer-logo {
    color: #FFFFFF !important;
}

.lx-footer-logo span {
    color: var(--lx-sage) !important;
}

.lx-footer a:hover {
    color: var(--lx-sage) !important;
}

.lx-footer-bottom {
    border-color: #465350 !important;
    color: #BECFC7;
}

/* MOBIEL */

@media (max-width: 780px) {
    .lx-mobile-menu nav {
        background: var(--lx-ivory);
        border: 1px solid #DFE7E1;
    }

    .lx-mobile-menu nav a {
        color: var(--lx-graphite);
    }

    .lemilux-original .product {
        border-radius: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lemilux-original .product {
        transition: none;
    }
}

/* BEGIN GRAPHITE SAGE REFINEMENTS */

/* Rechterkant hero: van donkergroen naar grafiet */
.lemilux-original .hero-art {
    background: radial-gradient(
        ellipse at 48% 50%,
        #344A43 0%,
        #293832 52%,
        #202525 100%
    ) !important;
}

/* Houd de warme LED-gloed behouden */
.lemilux-original .hero-art .led {
    box-shadow:
        0 0 12px 3px #fff2bb,
        0 0 40px 12px rgba(227,201,149,.48);
}

/* Oude gouden productlabels vervangen */
.lemilux-original .lx-product-details .eyebrow {
    color: #53796C !important;
}

/* Overige labels consistent maken */
.lemilux-original .section .eyebrow {
    color: #53796C !important;
}

/* Witruimte onder de homepage beperken */
body.cms-index-index main#maincontent {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.cms-index-index .columns,
body.cms-index-index .column.main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.cms-index-index .page-footer {
    margin-top: 0 !important;
}

/* END GRAPHITE SAGE REFINEMENTS */


/* BEGIN LEMILUX KITCHEN PHOTO */

/* Echte praktijkfoto in plaats van de CSS-illustratie */
.lemilux-original #keuken .feature-box {
    background-image: url('/media/catalog/product/a/v/ava-veda-kast-verlichting-keukens-1.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: #F1F4F0 !important;
    box-shadow: none !important;
    border-radius: 8px;
}

/* Eventuele getekende lagen verbergen */
.lemilux-original #keuken .feature-box::before,
.lemilux-original #keuken .feature-box::after {
    content: none !important;
    display: none !important;
}

/* END LEMILUX KITCHEN PHOTO */

/* BEGIN LEMILUX NEW KITCHEN IMAGE */

/* Echte keukenfoto rechts in de hero */
.lemilux-original .hero-art {
    position: relative;
    overflow: hidden;
    background-image: url('/media/lemilux/ava-keuken-onderbouw-verlichting-001.jpeg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #202525 !important;
}

.lemilux-original .hero-art .scene {
    display: none !important;
}

.lemilux-original .hero-art .lamp-note {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 2;
}

/* Dezelfde foto bij de keukenverlichtingssectie */
.lemilux-original #keuken .feature-box {
    background-image: url('/media/lemilux/ava-keuken-onderbouw-verlichting-001.jpeg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #F1F4F0 !important;
}

.lemilux-original #keuken .feature-box::before,
.lemilux-original #keuken .feature-box::after {
    content: none !important;
    display: none !important;
}

/* END LEMILUX NEW KITCHEN IMAGE */

/* BEGIN LEMILUX VERANDA CARD PHOTO */

/* Derde productkaart: echte veranda/overkapping-foto */
.lemilux-original #producten .grid3 article:nth-child(3) .product-visual {
    background-image: url('/media/catalog/product/z/w/zwarte-houten-overkapping-spots-6_1.jpg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #D9D4C5 !important;
    min-height: 230px;
    box-shadow: none !important;
}

/* Oude getekende spot verbergen */
.lemilux-original #producten .grid3 article:nth-child(3) .product-visual .spot,
.lemilux-original #producten .grid3 article:nth-child(3) .product-visual::before,
.lemilux-original #producten .grid3 article:nth-child(3) .product-visual::after {
    content: none !important;
    display: none !important;
}

/* END LEMILUX VERANDA CARD PHOTO */

/* BEGIN LEMILUX PRODUCT CARD ALIGNMENT */

/* Drie kaarten met dezelfde hoogte */
.lemilux-original #producten .grid3 {
    align-items: stretch;
}

.lemilux-original #producten .grid3 .product {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Afbeeldingen op gelijke hoogte */
.lemilux-original #producten .product-visual {
    height: 230px !important;
    min-height: 230px !important;
    flex-shrink: 0;
    overflow: hidden;
}

/* AVA- en VEDA-foto's netjes inpassen */
.lemilux-original #producten .lx-real-photo img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Verandafoto vult de kaart */
.lemilux-original #producten .grid3 article:nth-child(3) .product-visual {
    background-size: cover !important;
    background-position: center !important;
}

/* Teksten gelijk uitlijnen */
.lemilux-original #producten .product-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px;
}

/* Titels krijgen gelijke ruimte */
.lemilux-original #producten .product-body h3 {
    min-height: 36px;
    margin-top: 12px;
    margin-bottom: 12px;
}

/* Beschrijvingen vullen resterende ruimte */
.lemilux-original #producten .product-body p {
    flex: 1;
    line-height: 1.7;
    margin-bottom: 24px;
}

/* Links altijd op dezelfde hoogte */
.lemilux-original #producten .product-body .textlink {
    align-self: flex-start;
    margin-top: auto;
    font-weight: 700;
}

/* Mobiele weergave */
@media (max-width: 768px) {
    .lemilux-original #producten .product-visual {
        height: 220px !important;
        min-height: 220px !important;
    }

    .lemilux-original #producten .product-body {
        padding: 24px;
    }

    .lemilux-original #producten .product-body h3 {
        min-height: 0;
    }
}

/* END LEMILUX PRODUCT CARD ALIGNMENT */

/* BEGIN SECOND KITCHEN PHOTO */

.lemilux-original #keuken .feature-box {
    background-image: url('/media/lemilux/keuken-eigen-foto.jpg') !important;
    background-position: center 35% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #202525 !important;
    border-radius: 8px;
}

/* END SECOND KITCHEN PHOTO */

/* BEGIN LEMILUX PRODUCT PHOTO ENLARGEMENT */

/* AVA en VEDA: afbeeldingen iets groter presenteren */
.lemilux-original #producten .grid3 article:nth-child(1) .lx-real-photo,
.lemilux-original #producten .grid3 article:nth-child(2) .lx-real-photo {
    padding: 0 !important;
}

.lemilux-original #producten .grid3 article:nth-child(1) .lx-real-photo img,
.lemilux-original #producten .grid3 article:nth-child(2) .lx-real-photo img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: scale(1.14);
    transform-origin: center;
}

/* END LEMILUX PRODUCT PHOTO ENLARGEMENT */

/* BEGIN LEMILUX SPEC TABLE */

.lemilux-original .lx-spec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0 30px;
    font-size: 14px;
    color: #252B31;
}

.lemilux-original .lx-spec-table tr {
    border-bottom: 1px solid #DDE7E0;
}

.lemilux-original .lx-spec-table th,
.lemilux-original .lx-spec-table td {
    padding: 12px 10px;
    vertical-align: top;
    text-align: left;
    line-height: 1.5;
}

.lemilux-original .lx-spec-table th {
    width: 55%;
    font-weight: 600;
    color: #355E50;
}

.lemilux-original .lx-spec-table td {
    font-weight: 500;
}

@media (max-width: 600px) {
    .lemilux-original .lx-spec-table {
        font-size: 13px;
    }

    .lemilux-original .lx-spec-table th,
    .lemilux-original .lx-spec-table td {
        padding: 10px 6px;
    }
}

/* END LEMILUX SPEC TABLE */

/* BEGIN COMPACT LEMILUX DETAILS */

/* Minder verticale ruimte rondom productsecties */
.lemilux-original .lx-product-details {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

/* Compactere productkoppen */
.lemilux-original .lx-detail-copy h2 {
    margin-top: 12px;
    margin-bottom: 16px;
}

.lemilux-original .lx-detail-copy h3 {
    margin-top: 20px;
    margin-bottom: 12px;
}

/* Drie korte productvoordelen */
.lemilux-original .lx-product-benefits {
    margin: 0 0 20px;
    padding-left: 22px;
    line-height: 1.7;
}

.lemilux-original .lx-product-benefits li {
    margin-bottom: 5px;
}

/* Technische specificaties compacter */
.lemilux-original .lx-spec-table {
    margin-top: 10px;
    margin-bottom: 20px;
}

.lemilux-original .lx-spec-table th,
.lemilux-original .lx-spec-table td {
    padding-top: 9px;
    padding-bottom: 9px;
}

/* Aanvraagknop */
.lemilux-original .lx-detail-button {
    margin-top: 5px;
}

/* Mobiel */
@media (max-width: 768px) {
    .lemilux-original .lx-product-details {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}

/* END COMPACT LEMILUX DETAILS */

/* BEGIN LEMILUX MOBILE HEADER HERO V1 */

@media (max-width: 780px) {

    /* Compacte header */
    .lx-header {
        position: relative;
        z-index: 50;
    }

    .lx-header-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 64px;
        padding: 10px 17px;
        gap: 0;
    }

    .lx-logo {
        font-size: 23px;
        letter-spacing: 2px;
    }

    /* Mobiel menu blijft onderdeel van de header */
    .lx-mobile-menu {
        display: block;
        position: static !important;
        margin-left: auto;
    }

    .lx-mobile-menu summary {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 42px;
        cursor: pointer;
        color: #202525;
        font-size: 14px;
        font-weight: 700;
        list-style: none;
    }

    .lx-mobile-menu summary::-webkit-details-marker {
        display: none;
    }

    /* Als menu opent, krijgt het een eigen rij */
    .lx-mobile-menu[open] {
        display: contents;
    }

    .lx-mobile-menu[open] summary {
        order: 1;
        margin-left: auto;
    }

    .lx-mobile-menu nav {
        position: static !important;
        display: none;
        width: 100% !important;
        padding: 10px 0 12px !important;
        margin: 0;
        background: #F7F8F6 !important;
        border: 0 !important;
        border-top: 1px solid #DFE7E1 !important;
        box-shadow: none !important;
    }

    .lx-mobile-menu[open] nav {
        display: block;
    }

    .lx-mobile-menu nav a {
        display: block;
        padding: 12px 8px !important;
        font-size: 15px;
        font-weight: 500;
        color: #202525 !important;
        border-bottom: 1px solid #E7ECE7;
    }

    .lx-mobile-menu nav a:last-child {
        border-bottom: 0;
        color: #355E50 !important;
        font-weight: 700;
    }

    /* Hero: overbodige bovenruimte weghalen */
    .lemilux-original .hero-grid {
        min-height: 0 !important;
        padding-top: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Bestaande inline padding overschrijven */
    .lemilux-original .hero-grid > div:first-child {
        padding: 30px 0 24px !important;
    }

    .lemilux-original .hero h1 {
        margin: 14px 0 18px !important;
        font-size: clamp(32px, 8.5vw, 40px);
        line-height: 1.13;
    }

    .lemilux-original .hero p {
        font-size: 15px;
        line-height: 1.65;
    }

    .lemilux-original .hero-actions {
        margin-top: 22px;
        gap: 10px;
    }

    /* Keukenfoto eerder in beeld */
    .lemilux-original .hero-art {
        min-height: 280px !important;
        height: 280px !important;
        margin-top: 0 !important;
        border-radius: 0 !important;
        background-position: center 40% !important;
    }

    .lemilux-original .hero-art .lamp-note {
        right: 12px;
        bottom: 12px;
        padding: 9px 12px;
        font-size: 11px;
    }

}

/* END LEMILUX MOBILE HEADER HERO V1 */

/* BEGIN MOBILE MENU GRID FIX */

@media (max-width: 780px) {

    /* Header in twee vaste kolommen */
    .lx-header-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 12px;
        row-gap: 0;
    }

    /* Logo altijd links op eerste rij */
    .lx-header-inner > .lx-logo {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    /* Gesloten menu rechts */
    .lx-mobile-menu:not([open]) {
        display: block;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        margin: 0;
    }

    /* Open menu: summary en navigatie worden grid-items */
    .lx-mobile-menu[open] {
        display: contents;
    }

    /* Menuknop blijft rechtsboven */
    .lx-mobile-menu[open] summary {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        margin: 0;
    }

    /* Navigatie altijd op tweede rij, volle breedte */
    .lx-mobile-menu[open] nav {
        display: block !important;
        position: static !important;
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        min-width: 0;
        margin: 10px 0 0 !important;
        padding: 8px 0 12px !important;
        background: #F7F8F6 !important;
        box-shadow: none !important;
    }

    /* Links overzichtelijk onder elkaar */
    .lx-mobile-menu[open] nav a {
        display: block;
        padding: 12px 10px !important;
        margin: 0;
        border-bottom: 1px solid #E1E9E3;
        text-align: left;
    }

    /* Laatste menu-item */
    .lx-mobile-menu[open] nav a:last-child {
        border-bottom: 0;
    }

}

/* END MOBILE MENU GRID FIX */

/* BEGIN LEMILUX MOBILE PRODUCTS V1 */

@media (max-width: 780px) {

    /* Algemene secties compacter */
    .lemilux-original .section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .lemilux-original .section-head {
        margin-bottom: 24px;
    }

    /* Drie productkaarten onder elkaar */
    .lemilux-original #producten .grid3 {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .lemilux-original #producten .product {
        height: auto;
        min-width: 0;
    }

    /* Alle productfoto's dezelfde hoogte */
    .lemilux-original #producten .product-visual {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }

    /* AVA en VEDA */
    .lemilux-original #producten .lx-real-photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* Compactere kaarttekst */
    .lemilux-original #producten .product-body {
        padding: 20px !important;
    }

    .lemilux-original #producten .product-body h3 {
        margin: 8px 0 10px !important;
        min-height: 0 !important;
    }

    .lemilux-original #producten .product-body p {
        min-height: 0 !important;
        margin-bottom: 16px !important;
        line-height: 1.55 !important;
    }

    /* Productdetails AVA en VEDA */
    .lemilux-original .lx-product-details {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .lemilux-original .lx-detail-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        width: min(100% - 34px, 600px);
        margin-left: auto;
        margin-right: auto;
    }

    .lemilux-original .lx-detail-image {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .lemilux-original .lx-detail-image img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 310px;
        object-fit: contain !important;
    }

    .lemilux-original .lx-detail-copy {
        min-width: 0;
        width: 100%;
    }

    /* Technische tabel op mobiel */
    .lemilux-original .lx-spec-table {
        width: 100%;
        table-layout: fixed;
        font-size: 13px;
        margin-bottom: 18px;
    }

    .lemilux-original .lx-spec-table th,
    .lemilux-original .lx-spec-table td {
        overflow-wrap: anywhere;
        word-break: normal;
        padding: 9px 6px !important;
        vertical-align: top;
    }

    .lemilux-original .lx-spec-table th {
        width: 54%;
    }

    /* Aanvraagknoppen op natuurlijke breedte */
    .lemilux-original .lx-detail-copy .btn {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    /* Keukenfoto en tekst */
    .lemilux-original .feature-grid {
        gap: 24px !important;
    }

    .lemilux-original #keuken .feature-box {
        min-height: 260px !important;
    }

    /* Zakelijke sectie compacter */
    .lemilux-original #zakelijk {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

}

/* END LEMILUX MOBILE PRODUCTS V1 */

/* BEGIN LEMILUX MOBILE FINAL V1 */

@media (max-width: 780px) {

    /* Verandafoto volledig zichtbaar */
    .lemilux-original #producten
    .grid3 article:nth-child(3) .product-visual {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #FFFFFF !important;
    }

    /* Compactere footer */
    .lx-footer-inner {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .lx-footer-grid {
        gap: 24px !important;
    }

    .lx-footer p {
        margin-top: 12px;
        line-height: 1.6;
    }

}

/* END LEMILUX MOBILE FINAL V1 */


/* LEMILUX FOOTER BUSINESS DETAILS */

.lx-footer .lx-business-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: min(calc(100% - 40px), 1120px);
    margin: 30px auto 0;
    padding: 28px 0;
    border-top: 1px solid rgba(175,197,191,.28);
}

.lx-footer .lx-business-details h3 {
    color: #AFC5BF;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 12px;
}

.lx-footer .lx-business-details p {
    color: #E4EBE7;
    font-size: 14px;
    line-height: 1.75;
    margin: 0 0 10px;
    overflow-wrap: anywhere;
}

.lx-footer .lx-business-details .lx-visit-note {
    color: #BBCBC3;
    font-size: 13px;
}

@media (max-width: 780px) {
    .lx-footer .lx-business-details {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 22px;
        padding: 24px 0;
    }
}


/* BEGIN LEMILUX FOOTER FINISH V2 */

/* Consistente moderne typografie */
.lx-footer,
.lx-footer * {
    font-family: -apple-system, BlinkMacSystemFont,
        "Segoe UI", Arial, sans-serif;
}

.lx-footer {
    background: #202525;
    color: #D6E0DA;
}

/* Minder hoogte in de bestaande footer */
.lx-footer .lx-footer-inner {
    max-width: 1200px;
    padding: 38px 28px 12px;
}

.lx-footer .lx-footer-grid {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.lx-footer .lx-footer-logo {
    font-size: 25px;
    line-height: 1.2;
    color: #FFFFFF;
}

.lx-footer .lx-footer-logo span {
    color: #AFC5BF;
}

.lx-footer h3 {
    color: #AFC5BF;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
}

.lx-footer p,
.lx-footer a {
    color: #D6E0DA;
    font-size: 14px;
    line-height: 1.7;
}

.lx-footer p {
    margin-top: 12px;
}

.lx-footer a {
    margin-bottom: 8px;
}

.lx-footer a:hover {
    color: #AFC5BF;
}

/* Bedrijfsgegevens dichter bij bestaande footer */
.lx-footer .lx-business-details {
    max-width: 1144px;
    margin: 10px auto 0;
    padding: 24px 0 20px;
    gap: 36px;
}

.lx-footer .lx-business-details h3 {
    margin-bottom: 10px;
}

.lx-footer .lx-business-details p {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.7;
}

.lx-footer .lx-business-details .lx-visit-note {
    margin-top: 12px;
}

.lx-footer .lx-footer-bottom {
    border-color: #414D47;
    padding: 16px 20px;
    color: #B9C9C0;
}

/* Mobiele footer */
@media (max-width: 780px) {
    .lx-footer .lx-footer-inner {
        padding: 30px 20px 8px;
    }

    .lx-footer .lx-footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .lx-footer .lx-business-details {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 10px;
        padding: 22px 0;
    }
}

/* END LEMILUX FOOTER FINISH V2 */


/* BEGIN LEMILUX CTA TYPOGRAPHY V1 */

/* Moderne typografie voor de donkere Over LEMILUX-sectie */
.lemilux-original .cta,
.lemilux-original .cta h2,
.lemilux-original .cta p,
.lemilux-original .cta .eyebrow,
.lemilux-original .cta .btn {
    font-family: -apple-system, BlinkMacSystemFont,
        "Segoe UI", Arial, sans-serif !important;
}

.lemilux-original .cta h2 {
    font-weight: 750 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.12 !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
}

.lemilux-original .cta p {
    font-size: 15px;
    line-height: 1.7;
    color: #D6E0DA;
}

.lemilux-original .cta .eyebrow {
    color: #AFC5BF;
    letter-spacing: .16em;
}

@media (max-width: 780px) {
    .lemilux-original .cta h2 {
        font-size: clamp(28px, 7vw, 36px) !important;
        line-height: 1.15 !important;
    }
}

/* END LEMILUX CTA TYPOGRAPHY V1 */


/* BEGIN LEMILUX GLOBAL TYPOGRAPHY V1 */

/* Moderne typografie op de gehele publieke website */
body,
.lx-header,
.lx-header *,
.lemilux-original,
.lemilux-original *,
.lx-footer,
.lx-footer * {
    font-family: -apple-system, BlinkMacSystemFont,
        "Segoe UI", Arial, sans-serif !important;
}

/* Grote koppen: modern, krachtig en compact */
.lemilux-original h1,
.lemilux-original h2 {
    font-weight: 750;
    letter-spacing: -0.035em;
}

/* Knoppen en navigatie */
.lx-header a,
.lx-header summary,
.lemilux-original .btn,
.lemilux-original .textlink {
    font-weight: 650;
}

/* END LEMILUX GLOBAL TYPOGRAPHY V1 */