/* Generated artwork for the seven homepage categories: a 4 x 2 contact sheet. */
body.page-home .os-category-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:132px!important;gap:8px!important;overflow:visible!important}
body.page-home .os-category-grid>a{--category-image-position:0% 0%;position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:3px!important;width:100%!important;height:132px!important;min-height:132px!important;max-height:132px!important;padding:11px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:15px!important;background-image:linear-gradient(180deg,rgba(8,28,24,.04) 8%,rgba(8,28,24,.76) 100%),url('/assets/img/home-category-contact-sheet-v1.png')!important;background-size:cover,400% 200%!important;background-position:center,var(--category-image-position)!important;background-repeat:no-repeat!important;box-shadow:0 5px 15px rgba(21,58,45,.09)!important;color:#fff!important;text-align:start!important;transition:transform .18s ease,box-shadow .18s ease!important}
body.page-home .os-category-grid>a:nth-child(1){--category-image-position:0% 0%}
body.page-home .os-category-grid>a:nth-child(2){--category-image-position:33.333% 0%}
body.page-home .os-category-grid>a:nth-child(3){--category-image-position:66.667% 0%}
body.page-home .os-category-grid>a:nth-child(4){--category-image-position:100% 0%}
body.page-home .os-category-grid>a:nth-child(5){--category-image-position:0% 100%}
body.page-home .os-category-grid>a:nth-child(6){--category-image-position:33.333% 100%}
body.page-home .os-category-grid>a:nth-child(7){--category-image-position:66.667% 100%}
body.page-home .os-category-grid>a:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(21,58,45,.16)!important}
body.page-home .os-category-grid .os-cat-icon{position:absolute!important;inset-block-start:9px!important;inset-inline-end:9px!important;width:33px!important;height:33px!important;margin:0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:11px!important;background:rgba(255,255,255,.20)!important;color:#fff!important;backdrop-filter:blur(5px)!important}
body.page-home .os-category-grid .os-cat-icon .ui-icon{width:18px!important;height:18px!important;color:#fff!important}
body.page-home .os-category-grid b{position:relative!important;z-index:1!important;display:block!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1.3!important;text-shadow:0 1px 5px rgba(0,0,0,.34)!important}
body.page-home .os-category-grid small{position:relative!important;z-index:1!important;display:block!important;color:rgba(255,255,255,.88)!important;font-size:8px!important;text-shadow:0 1px 4px rgba(0,0,0,.3)!important}
@media(max-width:900px) and (min-width:701px){body.page-home .os-category-grid{grid-template-columns:repeat(7,minmax(142px,1fr))!important;overflow-x:auto!important;padding:0 0 5px!important;scroll-snap-type:x mandatory!important;scrollbar-width:thin!important}body.page-home .os-category-grid>a{scroll-snap-align:start!important}}
@media(max-width:700px){
 body.page-home .os-home-categories{padding:13px 0 9px!important}
 body.page-home .os-section-title{margin-bottom:8px!important}
 body.page-home .os-section-title p{display:block!important}
 body.page-home .os-category-grid{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:calc(100% + 28px)!important;margin-inline:-14px!important;padding:0 14px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
 body.page-home .os-category-grid::-webkit-scrollbar{display:none!important}
 body.page-home .os-category-grid>a{flex:0 0 148px!important;width:148px!important;height:104px!important;min-height:104px!important;max-height:104px!important;padding:9px!important;border-radius:13px!important;scroll-snap-align:start!important}
 body.page-home .os-category-grid .os-cat-icon{inset-block-start:8px!important;inset-inline-end:8px!important;width:30px!important;height:30px!important;border-radius:9px!important}
 body.page-home .os-category-grid .os-cat-icon .ui-icon{width:16px!important;height:16px!important}
 body.page-home .os-category-grid b{font-size:9px!important}
 body.page-home .os-category-grid small{font-size:7.5px!important}
}