/* Lettertypes inladen */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap');

body { font-family: 'Inter', sans-serif; background-color: #f7f8f9; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }

/* De Rode Bestel Knop */
.btn-slowdown { 
    background-color: #9F1D22; color: #fff !important; padding: 12px 24px; 
    border-radius: 4px; text-decoration: none; font-weight: bold; 
    display: inline-block; text-transform: uppercase; font-size: 14px; 
    border: none; cursor: pointer; transition: 0.3s;
}
.btn-slowdown:hover { background-color: #7a1519; }

/* De Producten Layout (Horizontaal zoals screenshot) */
.sd-product-row { 
    display: flex; gap: 40px; margin-bottom: 60px; align-items: center; 
    background: #fff; padding: 30px; border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
.sd-product-image { flex: 0 0 270px; }
.sd-product-image img { width: 100%; height: auto; border-radius: 8px; }
.sd-product-info h3 { font-size: 26px; color: #222; margin-bottom: 15px; }
.sd-product-info p { color: #555; line-height: 1.6; }

/* Lijstjes (Sterkte, Arabica etc) */
.sd-product-info ul { list-style: none; padding-left: 0; margin-bottom: 25px; }
.sd-product-info ul li { position: relative; padding-left: 25px; margin-bottom: 8px; color: #333; }
.sd-product-info ul li::before { 
    content: "•"; position: absolute; left: 0; color: #9F1D22; font-size: 20px; line-height: 1; 
}

/* Mobiel */
@media (max-width: 768px) { 
    .sd-product-row { flex-direction: column; text-align: left; gap: 20px; padding: 20px;} 
    .sd-product-image { flex: 0 0 auto; width: 100%; max-width: 300px; margin: 0 auto; }
}

/* Slider CSS (Van de originele site) */
.lhs-hero{ position:relative; overflow:hidden; width:100%; background:#000; aspect-ratio: 1920 / 520; }
.lhs-track{position:relative;height:100%}
.lhs-slide{ display:block; position:absolute; inset:0; opacity:0; transition:opacity .45s ease; pointer-events:none; }
.lhs-slide.is-active{opacity:1;pointer-events:auto}
.lhs-img{ position:absolute; inset:0; width:100% !important; height:100% !important; object-fit:cover; z-index:0; }
.lhs-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; border:0; background:rgba(0,0,0,.35); color:#fff; width:44px; height:44px; border-radius:999px; cursor:pointer; }
.lhs-prev{left:14px} .lhs-next{right:14px}