/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#header {
    top: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: transparent;
}
#checkout #header .header-top {
    background-color: white;
}
#header .header-top {
    background-color: transparent;
}
#amegamenu.white-menu {
    background-color: white;
}
.hero_section {
    max-width: 100vw;
    max-height: 100vh;
    width: 100%;
    height: 100%;
}

body, html {
    width: 100%;
    height: 100%;
    /*overflow-x: hidden;*/
}

#index .featured-products .product-miniature {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center;
    /*width: 100%;*/
}


body {
    padding-top: 80px;
}
body#index {
    padding-top: 0;
}

.categories-wrapper { display: flex; flex-direction: row; gap: 24px;}
#index .featured-products .product-miniature,
#index .featured-products .products { margin-right: 0}
#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
 justify-content: space-between;
 width: 100%;
}

.carousel .carousel-inner {
    height: 100%;
}
#amegamenu.fixed-menu #_desktop_search {
    display: flex;
}
#header #_desktop_cart {
    align-self: center;
}

#amegamenu.fixed-menu {

}

.py-1, px-1 { padding: 0.25rem !important;}