/*
 + --------------------------------------------------
 |  Root
 + --------------------------------------------------
 */
:root {
    --grid-gap: 4rem;
    --topbar-height: 8rem;
}
.product-scroll {
    /*grid-auto-columns: minmax(31%, 1fr);*/
    grid-auto-columns: 31%;
}
.site-articles {
    grid-gap: 3rem 1.5rem;
    grid-template-columns: repeat(2, 1fr);
}

#bookmark {
    max-width: 100%;
}

#cartComplete {
    width: 64rem;
    padding: 4rem 5rem !important;
}
#cartComplete .message {
    margin-bottom: 2rem;
}
#cartComplete .m-block {
    padding: 3rem 2rem;
}


/*
 + --------------------------------------------------
 |  Header
 + --------------------------------------------------
 */
#header {
    padding-bottom: 0;
}
#headerSearch {
    position: static;
}
#header .search-form {
    width: 85%;
}


/*
 + --------------------------------------------------
 |  Footer
 + --------------------------------------------------
 */
#footerPower {
    padding: 0 0 5rem 0
}
#footerPower .power-list {
    width: var(--grid-wrap);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-block: 0;
    grid-column-gap: 2rem;
    transform: translateY(-3rem);
}
#footerPower .power-item {
    display: block;
    text-align: center;
}
#footerPower .power-text {
    width: 100%;
    margin-top: 3rem;
}
#footerPower .power-item i {
    --icon-size: 8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--background-primary)
}
#footerPower .power-item svg {
    width: 40%;
    height: 40%
}


#footerBase {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#footerBase .contact {
    grid-column: auto;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    padding-left: 4rem;
}
#footerBase .contact-item {
    flex-wrap: wrap;
}
#footerBase .contact-item > * {
    display: block;
    width: 100% !important;
}


/*
 + --------------------------------------------------
 |  Home
 + --------------------------------------------------
 */
#home .block-menu {
    display: grid;
    grid-template-columns: 25% auto;
    grid-column-gap: 2rem;
}
#home .cat-menu {
    grid-template-columns: repeat(3, 1fr);
}
#home .cat-title {
    margin-top: .4em;
}
#home .cat-product {
    margin-top: 3rem;
    /*grid-auto-columns: minmax(31%, 1fr);*/
    grid-auto-columns: 31%;
}

#homeBestSell .block-body {
    grid-template-columns: 1fr 1fr;
    grid-gap: 6rem 2rem;
}

/*
 + --------------------------------------------------
 |  Product
 + --------------------------------------------------
 */
.site-products {
    grid-template-columns: repeat(3, 1fr);
}
.product-body[data-display=more] .site-products {
    grid-template-columns: repeat(5, 1fr);
}

.product-tools .display-grid {
    display: flex;
    column-gap: 1rem;
}
.product-tools .display-type {
    display: flex;
    align-items: center;
}
.product-tools .display-quantity {
    margin-left: 2em;
}


/*
 + --------------------------------------------------
 |  Product View
 + --------------------------------------------------
 */
#productViewGallery .thumb {
    /*grid-auto-columns: minmax(calc(20% - 2px), 1fr);*/
    grid-auto-columns: calc(20% - 2px);
}


/*
 + --------------------------------------------------
 |  Article View
 + --------------------------------------------------
 */
#articleView h1 {
    font-size: 2.4em;
    bottom: 3em;
    padding: 0 4rem;
}
#articleView .view-body {
    padding: 2rem 4rem
}