.stofstalen-grid-section{background-color:#1f2123;color:#fff;padding:64px 24px}.stofstalen-grid-container{max-width:1200px;margin:0 auto}.stofstalen-grid-heading{font-family:Roboto Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:center;font-size:28px;margin:0 0 16px}.stofstalen-grid-intro{font-family:Roboto,sans-serif;text-align:center;max-width:640px;margin:0 auto 40px;color:#fff;opacity:.85;line-height:1.6}.stofstalen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.stofstaal-item{display:flex;flex-direction:column;align-items:flex-start;background:none;border:none;padding:0;cursor:pointer;font-family:Roboto,sans-serif;color:#fff;text-align:left;transition:transform .25s ease}.stofstaal-item:hover{transform:translateY(-4px)}.stofstaal-item:focus-visible{outline:2px solid #D3BB80;outline-offset:4px}.stofstaal-image-wrap{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:3px;background-color:#2a2c2e}.stofstaal-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.stofstaal-item:hover .stofstaal-image-wrap img{transform:scale(1.08)}.stofstaal-placeholder-svg{width:100%;height:100%;color:#9d8750}.stofstaal-zoom-icon{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background-color:#1f2123bf;color:#d3bb80;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.stofstaal-item:hover .stofstaal-zoom-icon,.stofstaal-item:focus-visible .stofstaal-zoom-icon{opacity:1;transform:translateY(0)}.stofstaal-zoom-icon svg{width:16px;height:16px}.stofstaal-title{font-family:Roboto Condensed,sans-serif;font-weight:700;margin-top:12px;font-size:15px}.stofstaal-subtitle{font-size:13px;color:#fff;opacity:.7;margin-top:2px}.stofstaal-lightbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;padding:0;background-color:#1f2123;border-radius:3px;width:min(90vw,800px);max-width:min(90vw,800px);max-height:90vh;overflow:visible}.stofstaal-lightbox::backdrop{background-color:#000c}.stofstaal-lightbox-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;background-color:#d3bb80;color:#1f2123;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;z-index:2}.stofstaal-lightbox-close:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000059}.stofstaal-lightbox-close svg{width:18px;height:18px}.stofstaal-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:#1f2123bf;color:#d3bb80;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:2}.stofstaal-lightbox:hover .stofstaal-lightbox-arrow,.stofstaal-lightbox-arrow:focus-visible{opacity:1}.stofstaal-lightbox-arrow:hover{background-color:#9d8750e6;color:#1f2123}.stofstaal-lightbox-arrow svg{width:20px;height:20px}.stofstaal-lightbox-prev{left:-20px}.stofstaal-lightbox-next{right:-20px}@media(hover:none){.stofstaal-lightbox-arrow{opacity:1}}@media screen and (max-width:749px){.stofstaal-lightbox-prev{left:8px}.stofstaal-lightbox-next{right:8px}}.stofstaal-lightbox-image{display:block;width:100%;max-height:75vh;object-fit:contain}.stofstaal-lightbox-caption{padding:16px 20px 20px;font-family:Roboto,sans-serif;color:#fff}.stofstaal-lightbox-title{display:block;font-family:Roboto Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:16px}.stofstaal-lightbox-subtitle{display:block;font-size:13px;opacity:.75;margin-top:4px}@media screen and (max-width:749px){.stofstalen-grid-section{padding:40px 16px}.stofstalen-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-standaard-stofstalen-grid.css.map */