/* Bouwblok 18N · compact luxe collectieoverzicht, visueel en responsief. */
.b18n-collection{margin:28px 0 34px!important;clear:both;min-width:0}.b18n-collection-header{padding:0 2px 8px}.b18n-collection-header>span{display:block;font:800 10px/1.5 system-ui;letter-spacing:.14em;color:#a76a39}.b18n-collection-header h2{font:700 clamp(26px,3.3vw,37px) Georgia,serif;color:#572e1b;margin:6px 0}.b18n-collection-header p{color:#806858;margin:5px 0 16px;font-size:13px}
.b18n-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:15px;align-items:start;margin:13px 0 14px}.b18n-journey{min-width:0;overflow:hidden;border:1px solid #e9d7c5;border-radius:17px;background:#fffdf9;box-shadow:0 7px 19px rgba(69,39,22,.035);display:flex;flex-direction:column}.b18n-featured{border-color:#c58d50;box-shadow:0 9px 24px rgba(140,87,35,.12)}
.b18n-hero-photo{position:relative;height:238px;overflow:hidden;background:#f5e9db}.b18n-featured .b18n-hero-photo{height:270px}.b18n-hero-photo>button,.b18n-hero-photo>div:first-child{width:100%;height:100%;display:block}.b18n-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.b18n-photo-empty{display:grid;place-items:center;width:100%;height:100%;background:#efe2d4;color:#a88768;font-size:13px}
.b18n-label{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 10px;font:800 10px/1.4 system-ui;letter-spacing:.04em;border-radius:8px;color:#fff;background:#785849;white-space:normal;z-index:2;pointer-events:none}.b18n-label-featured{background:#945d28}.b18n-label-ready{background:#246447}.b18n-label-draft{background:#294f65}
.b18n-journey-content{padding:16px;display:flex;flex-direction:column;gap:11px;min-width:0}.b18n-eyebrow{display:block;font:800 9px/1.4 system-ui;letter-spacing:.1em;color:#ac723a;text-transform:uppercase}.b18n-journey-heading h3{font:700 clamp(19px,2vw,24px)/1.18 Georgia,serif;color:#59301e;margin:3px 0 7px;overflow-wrap:anywhere}.b18n-journey-heading p{font-size:12px;line-height:1.45;color:#7b6b5d;margin:0;min-height:34px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.b18n-taste-line{display:flex;gap:8px;justify-content:flex-start;overflow:hidden;padding:0}.b18n-taste-line>span{display:block;width:calc((100% - 16px)/3);height:78px;overflow:hidden;border-radius:9px;background:#f7f0e9;border:1px solid #f2e7dc}.b18n-taste-line img{width:100%;height:100%;object-fit:cover;display:block}
.b18n-expand{border-top:1px solid #f2e5d9;margin-top:0;padding:9px 0 0}.b18n-expand summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#20536c;font-size:12px;font-weight:750;padding:2px 0}.b18n-expand summary::-webkit-details-marker{display:none}.b18n-expand summary span{font-size:14px;transition:transform .2s}.b18n-expand[open] summary span{transform:rotate(180deg)}.b18n-gallery{padding-top:14px}.b18n-tile-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.b18n-tile-row figure{margin:0;min-width:0;overflow:hidden;border-radius:9px;border:1px solid #f0e4d6;background:#fff}.b18n-tile-row img{display:block;width:100%;height:77px;object-fit:cover}.b18n-tile-row figcaption{padding:6px 3px;text-align:center;color:#705641;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.b18n-sublabel{display:block;font-size:11px;color:#8a5c3a;margin:12px 0 7px;font-weight:700}.b18n-service-line{font-size:10px;color:#805f46;line-height:1.5;margin:10px 0 0}
.b18n-waiting{padding:8px 10px;background:#f8f0e7;border-radius:9px;color:#896446;font-size:11px;line-height:1.4}.b18n-baselink{padding:12px 15px;background:#f2f7f4;border:1px solid #cfdfd5;color:#385b48;border-radius:11px;line-height:1.5;font-size:12px}.b18n-baselink a{color:#19506b;font-weight:800}.b18n-footnote{font-size:10px;color:#947f6b;line-height:1.5;margin:12px 3px}.b18n-collection-empty{padding:18px;background:#fff8ef;border-radius:12px;font-size:13px;color:#846951}
.b18n-order{display:grid;gap:8px;border:1px solid #c8dfd0;background:#f6faf6;border-radius:10px;padding:12px;margin-top:10px}.b18n-order>strong{color:#356446;font-size:13px}.b18n-order label{display:grid;gap:4px;font-size:11px;color:#55715c}.b18n-order input,.b18n-order select{max-width:100%;padding:8px;border-radius:7px;border:1px solid #bfd4c8;background:white;font-size:13px}.b18n-order button{border:0;border-radius:8px;padding:11px;background:#21556b;color:#fff;font-weight:750;cursor:pointer}.b18n-order button:disabled{opacity:.6;cursor:wait}.b18n-order-message{font-size:11px;color:#6b5141;line-height:1.5}
.b18n-home-rail .d18-rail-item>div{height:175px}.b18n-home-rail .d18-rail-item img{object-fit:cover}.b18n-home-featured{border-color:#c58d50;box-shadow:0 3px 11px rgba(142,83,36,.13)}
@media(max-width:1100px){.b18n-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b18n-featured{grid-column:1/-1}.b18n-featured .b18n-hero-photo{height:280px}}
@media(max-width:700px){.b18n-grid{grid-template-columns:1fr}.b18n-featured{grid-column:auto}.b18n-hero-photo,.b18n-featured .b18n-hero-photo{height:245px}.b18n-journey-content{padding:15px}.b18n-taste-line>span{height:90px}}
