:root {
    --dgl-site-width: 1280px;
    --dgl-container-gutter-x: calc(1.5rem * .5);
    --dgl-home-container-gutter-x: .9375rem;
    --dgl-container-width: calc(var(--dgl-site-width) + var(--dgl-container-gutter-x, 0.75rem) + var(--dgl-container-gutter-x, 0.75rem) );
    --dgl-color-separators: var(--bs-gray-400);
    --dgl-black: #000;
    --dgl-black-rgb: 0,0,0;
    --dgl-bs-white: var(--bs-white);
    --dgl-bs-white-rgb: var(--bs-white-rgb);
    --dgl-bs-gray-100: var(--bs-gray-100);
    --dgl-bs-gray-200: var(--bs-gray-200);
    --dgl-bs-gray-300: var(--bs-gray-300);
    --dgl-bs-gray-400: var(--bs-gray-400);
    --dgl-bs-gray-500: var(--bs-gray-500);
    --dgl-bs-gray-600: var(--bs-gray-600);
    --dgl-bs-gray-700: var(--bs-gray-700);
    --dgl-bs-gray-800: var(--bs-gray-800);
    --dgl-bs-gray-900: var(--bs-gray-900);
    --dgl-bs-gray-100-rgb: var(--bs-gray-100-rgb);
    --dgl-bs-gray-200-rgb: var(--bs-gray-200-rgb);
    --dgl-bs-gray-300-rgb: var(--bs-gray-300-rgb);
    --dgl-bs-gray-400-rgb: var(--bs-gray-400-rgb);
    --dgl-bs-gray-500-rgb: var(--bs-gray-500-rgb);
    --dgl-bs-gray-600-rgb: var(--bs-gray-600-rgb);
    --dgl-bs-gray-700-rgb: var(--bs-gray-700-rgb);
    --dgl-bs-gray-800-rgb: var(--bs-gray-800-rgb);
    --dgl-bs-gray-900-rgb: var(--bs-gray-900-rgb);
    --dgl-link-color: #000;
    --dgl-link-color-hover: #999;
    --dgl-form-border: var(--dgl-color-separators);
    --dgl-form-border-focus: #8080aa;
    --dgl-header-top-layers-bg-color: var(--dgl-bs-gray-200);
    --dgl-header-nav-background: var(--dgl-bs-primary);
    --dgl-header-nav-submenu-background: var(--dgl-bs-white);
    --dgl-header-nav-submenu-background-rgb: var(--dgl-bs-white-rgb);
    --dgl-header-nav-link-color: var(--dgl-bs-gray-300);
    --dgl-header-nav-link-color-hover: var(--dgl-bs-white);
    --dgl-header-nav-link-color-rgb: var(--dgl-bs-gray-300-rgb);
    --dgl-header-nav-link-color-hover-rgb: var(--dgl-bs-white-rgb);
    --dgl-header-nav-submenu-color: var(--dgl-bs-gray-700);
    --dgl-header-nav-submenu-color-hover: var(--dgl-black);
    --dgl-header-sticky-height: 56px;
    --dgl-bs-primary: var(--bs-primary);
    --dgl-bs-primary-rgb: var(--bs-primary-rgb);
    --dgl-bs-body-color: var(--bs-body-color);
    --dgl-bs-body-color-rgb: var(--bs-body-color-rgb);
    --dgl-bs-danger: var(--bs-danger);
    --dgl-bs-danger-rgb: var(--bs-danger-rgb);
    --dgl-bs-warning: var(--bs-warning);
    --dgl-bs-warning-rgb: var(--bs-warning-rgb);
    --dgl-bs-info: var(--bs-info);
    --dgl-bs-info-rgb: var(--bs-info-rgb);
    --dgl-bs-body-font-size: var(--bs-body-font-size);
    --dgl-bs-body-line-height: var(--bs-body-line-height);
    --dgl-bs-breadcrumb-divider: var(--bs-breadcrumb-divider);
    --dgl-bs-body-bg: var(--bs-body-bg);
    --dgl-bs-gutter-x: var(--bs-gutter-x);
    --dgl-bs-success: var(--bs-success);
    --dgl-bs-success-rgb: var(--bs-success-rgb);
    --dgl-bs-secondary: var(--bs-secondary);
    --dgl-bs-secondary-rgb: var(--bs-secondary-rgb);
    --dgl-bs-dark-rgb: var(--bs-dark-rgb);
    --dgl-bs-body-font-family: var(--bs-body-font-family);
    --dgl-cart-bg-light-light: #f0f0f0;
    --dgl-cart-bg-middle-middle: #dddddd;
    --dgl-cart-bg-dark-dark: var(--bs-gray-800);
    --dgl-cms-bg-ligth-light: var(--bs-gray-200);
    --dgl-cms-bg-middle-middle: var(--bs-gray-500);
    --dgl-thankyou-bg-light-light: var(--bs-gray-100);
    --dgl-thankyou-bg-light-middle: var(--bs-gray-200);
    --dgl-thankyou-bg-light-dark: var(--bs-gray-300);
    --dgl-bs-bg-light-light: var(--bs-gray-100);
    --dgl-bs-bg-light-middle: var(--bs-gray-300);
    --dgl-footer-background: var(--dgl-black);
    --dgl-footer-bottom-background: var(--dgl-bs-gray-900);
    --dgl-footer-color: var(--dgl-bs-white);
    --dgl-footer-bottom-color: var(--dgl-bs-white);
    --dgl-footer-link-color: var(--dgl-bs-gray-300);
    --dgl-footer-link-color-hover: var(--dgl-bs-white);
    --dgl-footer-bottom-link-color: var(--dgl-bs-gray-300);
    --dgl-footer-bottom-link-color-hover: var(--dgl-bs-white);
    --dgl-footer-separator-color: var(--dgl-bs-gray-700);
    --dgl-footer-social-color: var(--dgl-footer-color);
    --dgl-footer-social-background: transparent;
    --dgl-footer-social-color-hover: var(--dgl-footer-background);
    --dgl-footer-social-background-hover: var(--dgl-footer-link-color);
    --dgl-offcanvas-toggler-bg: #fff;
    --dgl-offcanvas-toggler-lef: calc(100vw - var(--dgl-container-gutter-x, 0.75rem));
    --dgl-genere-collana-color: var(--dgl-bs-secondary);
    --dgl-genere-collana-color-rgb: var(--dgl-bs-secondary-rgb);
    --dgl-genere-collana-border-color: var(--dgl-bs-secondary);
    --dgl-genere-collana-border-color-rgb: var(--dgl-bs-secondary-rgb);
    --dgl-genere-collana-background-color: var(--dgl-bs-secondary);
    --dgl-genere-collana-background-color-rgb: var(--dgl-bs-secondary-rgb);
    --dgl-cover-mobile-max-width: 250px;
    --dgl-fotorama-mobile-max-width: var(--dgl-cover-mobile-max-width);
    --dgl-detail-cover-wrapper-bg: var(--dgl-bs-gray-100);
    --dgl-max-content-width: 865px;
    --dgl-max-content-text-align: center;

    --dgl-socialnetwork-bg: #f0f0f0;
    --dgl-socialnetwork-color: #0d0d0d;

    --dgl-slider-autore-bg: var(--bs-gray-400-rgb);
    --dgl-slider-autore-color: var(--bs-gray-400-rgb);

    --dgl-buyon-border-width: .125rem;
    --dgl-buyon-border-bg: #000;
    --dgl-buyon-border-color: #fff;
    --dgl-buyon-border-style: solid;
    --dgl-buyon-title-align: center;

}
@media (min-width: 0) {
    :root {
        --dgl-header-height: 56px;
        --dgl-header-sticky-height: 56px;
        --dgl-header-sticky-poseY: var(--dgl-header-height);
    }
}
@media (min-width: 768px) {
    :root {
        --dgl-header-height: 122px;
        --dgl-header-sticky-height: 56px;
        --dgl-header-sticky-poseY: var(--dgl-header-height);
    }
}
@media (min-width: 992px) {
    :root {
        --dgl-header-height: 225px;
        --dgl-header-sticky-height: 56px;
        --dgl-header-sticky-poseY: var(--dgl-header-height);
    }
}
:root {
    --dgl-offcanvas-toggler-top: calc( var(--dgl-header-height) + 1rem );
    --dgl-offcanvas-toggler-sticky-top: calc( var(--dgl-header-sticky-height) + 1rem );
}



.utente-cart {
    --dgl-bg-border-ordini: rgba(var(--dgl-bs-primary-rgb), .25);
    --dgl-info-label: #c6c6c6;
    --dgl-data-label: #555;
}
.card-carrello {
    --dgl-card-primary-color: #e2e2e2;
    --dgl-card-secondary-color: #8d8d8d;
    --dgl-card-background: transparent;
}
.photoGalleryContainer .gallatyPreview {
    --dgl-photogallery-1-of-3: 33.33333333%;
    --dgl-photogallery-2-of-3: 66.66666667%;
    --dgl-photogallery-3-of-3: 100%;
    --dgl-photogallery-single-spacer: .5rem;
}
.row.news-list {
    --dgl-row-gutter: 1.25rem;
}
.main .mainContentBox.multi-cols {
    --dgl-sidebar-width: 22rem;
    --dgl-sidebar-gap: 0;
    --dgl-sidebar-max-width: 80vw;
}
.form-input-number {
    --dgl-border-input-number: #ced4da;
    --dgl-border-input-number-rgb: 206,212,218;
}
.product-list-wrapper {
    --dgl-list-unit: 4rem;
}
.product-list-wrapper .row.productsList {
    --dgl-bs-gutter-x: var(--list-unit);
    --dgl-product-list-gutter: 2rem;
}
.product-page .grid-wrapper {
    --dgl-prodotto-head-box-spacer: 4rem;
}
.meta-data {
    --dgl-grid-cols: 1;
    --dgl-grid-gap: 0;
}
#search_filter_result .filters-wrapper {
    --dgl-bs-body-line-height: 1.5rem;
}
.utente-ordini-lista {
    --dgl-bg-border-ordini: rgba(var(--dgl-bs-primary-rgb), .25);
    --dgl-info-label: #c6c6c6;
    --dgl-data-label: #555;
}



@media (min-width: 768px) {
    .main .mainContentBox.multi-cols {
        --dgl-sidebar-gap: 0;
    }
    .meta-data {
        --dgl-grid-cols: 2;
        --dgl-grid-gap: 2rem;
        --dgl-grid-cols-width: calc( (100% / var(--dgl-grid-cols)) - (var(--dgl-grid-gap) * (var(--dgl-grid-cols) - 1) / var(--dgl-grid-cols)) );
    }
    .product-list-wrapper {
        --dgl-list-unit: 3rem;
    }
    
}
@media (min-width: 992px) {
    .meta-data {
        --dgl-grid-cols: 3;
        --dgl-grid-gap: 2rem;
        --dgl-grid-cols-width: calc( (100% / var(--dgl-grid-cols)) - (var(--dgl-grid-gap) * (var(--dgl-grid-cols) - 1) / var(--dgl-grid-cols)) );
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .product-page .grid-wrapper {
        --dgl-prodotto-head-box-spacer: 1rem;
    }
}
@media (min-width: 1025px) {
    .product-page .grid-wrapper {
        --dgl-prodotto-head-box-spacer: 4rem;
    }
}
@media (min-width: 1200px) {
    .main .mainContentBox.multi-cols {
        --dgl-sidebar-width: 20rem;
        --dgl-sidebar-gap: 5rem;
    }
}
