/* Category illustrations for the expanded demo assortment. */
.material-image.membrane{background-image:url("assets/catalog/membrane.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.sealant{background-image:url("assets/catalog/sealant.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.cable{background-image:url("assets/catalog/cable.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.socket{background-image:url("assets/catalog/socket.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.breaker{background-image:url("assets/catalog/breaker.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.lamp{background-image:url("assets/catalog/lamp.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.faucet{background-image:url("assets/catalog/faucet.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.sink{background-image:url("assets/catalog/sink.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.toilet{background-image:url("assets/catalog/toilet.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.radiator{background-image:url("assets/catalog/radiator.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.floor{background-image:url("assets/catalog/floor.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.tile{background-image:url("assets/catalog/tile.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.door{background-image:url("assets/catalog/door.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.handle{background-image:url("assets/catalog/handle.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.paver{background-image:url("assets/catalog/paver.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.shovel{background-image:url("assets/catalog/shovel.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.helmet{background-image:url("assets/catalog/helmet.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.gloves{background-image:url("assets/catalog/gloves.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.goggles{background-image:url("assets/catalog/goggles.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.mask{background-image:url("assets/catalog/mask.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.vest{background-image:url("assets/catalog/vest.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.earmuffs{background-image:url("assets/catalog/earmuffs.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.measure{background-image:url("assets/catalog/measure.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.hammer{background-image:url("assets/catalog/hammer.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.disc{background-image:url("assets/catalog/disc.svg");background-size:contain;background-position:center;background-repeat:no-repeat}

#categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}#categories .category{min-width:0}#catalog-drawer .drawer-body{align-items:start}#catalog-drawer .drawer-groups{padding-bottom:22px}@media(max-width:600px){#categories{grid-template-columns:repeat(2,minmax(0,1fr))}}

#catalog-drawer .drawer-groups{max-height:calc(100dvh - 240px);min-height:240px;overflow-y:auto;position:sticky;top:118px;overscroll-behavior:contain}#catalog-drawer .drawer-groups button{width:100%}

/* Photorealistic category images generated for this demo catalogue. */
.material-image.cable{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.socket{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.breaker{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.lamp{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.faucet{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sink{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.toilet{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.radiator{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.switch-white{background-image:url("assets/catalog/engineering-photo.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.membrane{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sealant{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.floor{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.tile{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.door{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.handle{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.paver{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.shovel{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.measure{background-image:url("assets/catalog/finishes-photo.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.helmet{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.gloves{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.goggles{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.mask{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.vest{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.earmuffs{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.hammer{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.disc{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.switch-dark{background-image:url("assets/catalog/protection-photo.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}

/* Product-specific generated photography, replacing generic category illustrations. */
.material-image.sku-34{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-35{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-36{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-37{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-38{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-45{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-48{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-49{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-50{background-image:url("assets/catalog/materials-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-52{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-53{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-54{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-55{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-56{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-110{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-111{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-123{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-117{background-image:url("assets/catalog/timber-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-62{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-75{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-76{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-77{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-79{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-80{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-82{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-83{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-85{background-image:url("assets/catalog/tools-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-86{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-91{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-93{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-94{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-96{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-97{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-98{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-99{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-102{background-image:url("assets/catalog/engineering-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-65{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-70{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-71{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-72{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-74{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-101{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-105{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-127{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-128{background-image:url("assets/catalog/plumbing-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-64{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-67{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-107{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-109{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-112{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-114{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-115{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-116{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-120{background-image:url("assets/catalog/finish-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}
.material-image.sku-119{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat}
.material-image.sku-122{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:50% 0%;background-repeat:no-repeat}
.material-image.sku-125{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:100% 0%;background-repeat:no-repeat}
.material-image.sku-126{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:0% 50%;background-repeat:no-repeat}
.material-image.sku-60{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:50% 50%;background-repeat:no-repeat}
.material-image.sku-59{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:100% 50%;background-repeat:no-repeat}
.material-image.sku-43{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:0% 100%;background-repeat:no-repeat}
.material-image.sku-47{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:50% 100%;background-repeat:no-repeat}
.material-image.sku-108{background-image:url("assets/catalog/details-v2.png");background-size:300% 300%;background-position:100% 100%;background-repeat:no-repeat}

/* Individually photographed product illustrations v3 */
.material-image.photo-5{background-image:url("assets/catalog/products-v3/5.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-22{background-image:url("assets/catalog/products-v3/22.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-23{background-image:url("assets/catalog/products-v3/23.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-57{background-image:url("assets/catalog/products-v3/57.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-58{background-image:url("assets/catalog/products-v3/58.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-59{background-image:url("assets/catalog/products-v3/59.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-60{background-image:url("assets/catalog/products-v3/60.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-61{background-image:url("assets/catalog/products-v3/61.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-2{background-image:url("assets/catalog/products-v3/2.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-6{background-image:url("assets/catalog/products-v3/6.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-13{background-image:url("assets/catalog/products-v3/13.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-14{background-image:url("assets/catalog/products-v3/14.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-15{background-image:url("assets/catalog/products-v3/15.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-16{background-image:url("assets/catalog/products-v3/16.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-39{background-image:url("assets/catalog/products-v3/39.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-40{background-image:url("assets/catalog/products-v3/40.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-41{background-image:url("assets/catalog/products-v3/41.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-42{background-image:url("assets/catalog/products-v3/42.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-43{background-image:url("assets/catalog/products-v3/43.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-44{background-image:url("assets/catalog/products-v3/44.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-7{background-image:url("assets/catalog/products-v3/7.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-33{background-image:url("assets/catalog/products-v3/33.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-10{background-image:url("assets/catalog/products-v3/10.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-11{background-image:url("assets/catalog/products-v3/11.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-12{background-image:url("assets/catalog/products-v3/12.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-17{background-image:url("assets/catalog/products-v3/17.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-18{background-image:url("assets/catalog/products-v3/18.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-19{background-image:url("assets/catalog/products-v3/19.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-21{background-image:url("assets/catalog/products-v3/21.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-25{background-image:url("assets/catalog/products-v3/25.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-27{background-image:url("assets/catalog/products-v3/27.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-29{background-image:url("assets/catalog/products-v3/29.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-30{background-image:url("assets/catalog/products-v3/30.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-31{background-image:url("assets/catalog/products-v3/31.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-32{background-image:url("assets/catalog/products-v3/32.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-46{background-image:url("assets/catalog/products-v3/46.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-63{background-image:url("assets/catalog/products-v3/63.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-66{background-image:url("assets/catalog/products-v3/66.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-68{background-image:url("assets/catalog/products-v3/68.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-69{background-image:url("assets/catalog/products-v3/69.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-84{background-image:url("assets/catalog/products-v3/84.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-87{background-image:url("assets/catalog/products-v3/87.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-88{background-image:url("assets/catalog/products-v3/88.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-92{background-image:url("assets/catalog/products-v3/92.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-95{background-image:url("assets/catalog/products-v3/95.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
.material-image.photo-62{background-image:url("assets/catalog/products-v3/62.webp");background-size:contain;background-position:center;background-repeat:no-repeat}