Expobar Commercial Coffee Machine

About

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=DM+Sans:wght@300;400;500&display=swap'); .dpex *, .dpex *::before, .dpex *::after { box-sizing: border-box; } .dpex { --green: #3b9130; --green-dark: #2d6e25; --green-bg: #f2faf1; --green-line: #c8e4c5; --dark: #111714; --white: #ffffff; --light: #f8f8f8; --text: #1e1e1e; --muted: #5a5a5a; --border: #e4e4e4; font-family: 'DM Sans', sans-serif; font-size: 13.5px; line-height: 1.7; color: var(--text); padding: 32px 32px 40px; max-width: 100%; } .dpex h1, .dpex h2, .dpex h3 { font-family: 'Nunito', sans-serif; margin: 0; padding: 0; } .dpex p { margin: 0; padding: 0; } /* ── HEADING ── */ .dpex .col-heading { margin-bottom: 14px; } .dpex .col-heading h1 { font-size: clamp(1.3rem, 2.5vw, 1.7rem); font-weight: 900; color: var(--text); line-height: 1.2; margin-bottom: 6px; } .dpex .col-heading h1 span { color: var(--green); } .dpex .col-heading p { font-size: 13px; color: var(--muted); line-height: 1.7; } /* ── INTRO ── */ .dpex .col-intro { background: var(--green-bg); border: 1px solid var(--green-line); border-left: 3px solid var(--green); border-radius: 5px; padding: 16px 20px; margin-bottom: 22px; } .dpex .col-intro p { font-size: 13px; color: var(--muted); line-height: 1.75; } .dpex .col-intro strong { color: var(--text); font-weight: 700; } /* ── VIDEO ── */ .dpex .video-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 6px; margin-bottom: 22px; background: #000; } .dpex .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 6px; } /* ── WHY GRID ── */ .dpex .why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 22px; } .dpex .why-item { background: var(--light); border: 1px solid var(--border); border-left: 3px solid var(--green); border-radius: 5px; padding: 14px 16px; } .dpex .why-item h3 { font-size: 0.78rem; font-weight: 800; color: var(--te