html{--font-display:'Poppins', sans-serif;--font-body:'Source Sans 3', sans-serif}.app-shot-inner{--as-blauw:#1F6E9C;--as-merk:#3399cc;--as-link:#1F6E9C;--as-vlak:#eef1f4;--as-kaart:#ffffff;--as-lijn:#e2e8ed;--as-inkt:#303e48;--as-inkt-zacht:#5c6b76;--as-gedempt:#8a97a1;--as-groen-vlak:#d8f0de;--as-groen-inkt:#1A6835;--as-rood:#C8342B;--as-geel:#f0ad3e;--as-paars:#8E4BA8;--as-radius:9px}.app-shot-inner{--fa-blauw:#3399cc;--fa-top-a:#359bce;--fa-top-b:#4ab7d7;--fa-vlak:#dadee6;--fa-tint:#eff9fd;--fa-inkt:#28272a;--fa-inkt-2:#5c6264;--fa-inkt-3:#8b9296;--fa-lijn:#ececed;--fa-lijn-2:#c1c2c4;--fa-groen:#00BE00;--fa-groen-vlak:#ebf8e9;--fa-groen-inkt:#28aa11;--fa-selectie:#dbeef7}.hws{position:relative;height:100%;min-height:460px}.hws__venster{position:absolute;top:24px;left:0;width:620px;height:560px;transform:rotate(2deg);transform-origin:center top;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);color:#333;font-size:14px;line-height:1.35}.hws__balk{display:flex;gap:4px;padding:8px 12px;background:#e6f0f5}.hws__balk span{width:8px;height:8px;border-radius:50%;background:#c6c6c6}.hws__kop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid #e0e0e0}.hws__logo{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:700;color:#39c}.hws__logo img{width:64px;height:64px;margin:-16px -8px}.hws__mand{position:relative;display:inline-flex}.hws__mand svg{width:18px;height:18px}.hws__mand b{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;border-radius:999px;background:#35bb25;color:#fff;font-size:12px;line-height:16px;text-align:center}.hws__inhoud{padding:24px}.hws__titel{display:block;margin-bottom:12px;font-family:var(--font-display);font-weight:700;font-size:20px;color:#024d65}.hws__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hws__product{display:flex;flex-direction:column;gap:4px}.hws__naam{margin-top:4px;font-weight:700;color:#39c}.hws__voet{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.hws__prijs{font-weight:700}.hws__in{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#35bb25;color:#fff}.hws__in svg{width:16px;height:16px}.hws__foto{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 35%,#ffffff,#e6f0f5 75%)}.hws__foto::after{content:"";position:absolute;left:25%;bottom:9%;width:50%;height:7%;border-radius:50%;background:radial-gradient(rgba(2,77,101,.22),transparent 70%)}*:where(.hws__foto)>span{position:absolute;display:block}*:where(.hws__foto span)>span:not(.hws__baleinen){position:static;font-family:var(--font-display);font-weight:700;font-size:12px;color:#39c}.hws__scherm{z-index:1;left:9%;top:14%;width:82%;height:40%;display:grid;place-items:center;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#ffffff 55%,#e0e0e0);box-shadow:0 6px 24px rgba(2,77,101,8%)}.hws__scherm::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:10px;background:radial-gradient(circle at 50% 100%,#e6f0f5 5px,transparent 5.5px)0 0/12.5% 100% repeat-x}.hws__baleinen{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#e0e0e0 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.hws__baleinen::before,.hws__baleinen::after{content:"";position:absolute;bottom:0;height:100%;border:1px solid #e0e0e0;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0}.hws__baleinen::before{left:34%;width:32%}.hws__baleinen::after{left:14%;width:72%}.hws__stok{left:calc(50% - 1.5px);top:52%;width:3px;height:30%;border-radius:4px;background:#4f5c6f}.hws__stok::after{content:"";position:absolute;left:-10px;bottom:-9px;width:10px;height:10px;border:3px solid #4f5c6f;border-top:0;border-right:0;border-radius:0 0 0 8px}.hws__dop{z-index:1;left:39%;top:12%;width:22%;height:15%;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#024D65,#3399cc 45%,#024D65)}.hws__fles{left:33%;top:26%;width:34%;height:62%;display:grid;place-items:center;border:1px solid rgba(2,77,101,.18);border-radius:12px 12px 8px 8px;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.95) 22%,rgba(255,255,255,.45) 35%,rgba(230,240,245,.7))}.hws__fles span{width:100%;padding:8px 0;border-block:1px solid rgba(2,77,101,8%);background:#fff;text-align:center}.hws__pen{z-index:1;left:12%;top:42%;width:76%;height:11%;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#3399cc,#3399cc 35%,rgba(255,255,255,.55) 45%,#3399cc 55%,#024D65);box-shadow:0 6px 24px rgba(2,77,101,8%);transform:rotate(-30deg)}.hws__pen::before{content:"";position:absolute;left:-10px;top:50%;border:6px solid transparent;border-right:10px solid #4f5c6f;border-left:0;transform:translateY(-50%)}.hws__pen::after{content:"";position:absolute;right:14%;top:-3px;width:22%;height:3px;border-radius:999px;background:#c6c6c6}.hws__pen span{color:#fff}.hws__voorraad{color:#35bb25;font-size:12px}