:root {
    /* Colors */

    --mw-color-ink: #111111;
    --mw-color-text: #222222;

    --mw-color-text-muted: #444444;
    --mw-color-text-faint: #666666;

    --mw-color-border: #cccccc;
    --mw-color-border-light: #e6e6e6;
    --mw-color-background: #ffffff;


    /* Fonts */
    --mw-font-primary: "Montserrat", Arial, sans-serif;
    --mw-font-secondary: "Montserrat", Arial, sans-serif;

    /* Font weight */
    --mw-font-regular: 400;
    --mw-font-medium: 500;
    --mw-font-semibold: 600;

    /* Font sizes */
    --mw-font-xs: 12px;
    --mw-font-sm: 13px;
    --mw-font-base: 14px;
    --mw-font-md: 16px;
    --mw-font-lg: 18px;
    --mw-font-xl: 22px;
    --mw-font-2xl: 28px;

    /* Page width: change --mw-container-max here to resize the whole site's content width. */
    --mw-container-max: 1500px;
    --mw-container-max-narrow: 1500px;
}

body {
    font-family: var(--mw-font-primary), sans-serif;
    color: var(--mw-color-text);
    font-size: var(--mw-font-base);
    font-weight: var(--mw-font-regular);
}

/*body h1,*/
/*body h2,*/
/*body h3,*/
/*body h4,*/
/*body h5,*/
/*body h6 {*/
/*    font-family: var(--mw-font-primary) sans-serif;*/
/*    font-weight: var(--mw-font-regular);*/
/*    !*line-height: var(--mw-line-height-base);*!*/
/*    color: var(--mw-color-text);*/
/*}*/

/*body h2 {*/
/*    font-size: var(--mw-font-lg);*/
/*    font-weight: var(--mw-font-medium);*/
/*}*/


/*
 * Override Woostify's Customizer-driven container width (normally set via
 * Appearance > Customize > Container Width) so shop/product pages share the
 * same --mw-container-max token as the rest of the site. Matches the 992px
 * breakpoint Woostify itself uses for this rule.
 */
@media (min-width: 992px) {
    body .woostify-container {
        max-width: var(--mw-container-max);
    }
}

/* Let custom containers control the page width. */
body.home .woostify-container {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body .site-content {
    margin: 0;
}

.mw-container {
    width: min(100% - 40px, var(--mw-container-max));
    margin-inline: auto;
}



/* Pagination */

body .pagination,
body .woocommerce-pagination {
    margin-top: 24px;
}

body .pagination ul .page-numbers:not(.prev):not(.next),
body .woocommerce-pagination ul .page-numbers:not(.prev):not(.next) {
    border-radius: 0;
}


/* Layout */

.mw-shop-layout {
    display: grid;
    grid-template-columns:220px minmax(0, 1fr);
    grid-template-areas:
        "breadcrumbs breadcrumbs"
        "sidebar main";
    column-gap: 24px;
    width: 100%;
}

.mw-shop-breadcrumbs {
    grid-area: breadcrumbs;
    width: 100%;
    margin: 6px 0 12px 0 ;
    text-align: center;
}

.mw-shop-sidebar {
    grid-area: sidebar;
    width: 220px;
    color: var(--mw-color-ink);
}

.mw-shop-main {
    grid-area: main;
    min-width: 0;
}


/*!* Product title *!*/

/*.woocommerce ul.products li.product .woocommerce-loop-product__title {*/
/*    margin: 0 0 4px;*/
/*    padding: 0;*/

/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    line-height: 1.4;*/
/*}*/

/*.woocommerce ul.products li.product .woocommerce-loop-product__title a {*/
/*    color: #666;*/
/*    text-decoration: none;*/
/*}*/

/*.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {*/
/*    color: var(--mw-color-ink);*/
/*}*/