:root {
    --color-green-dark: #001A0D;
    --color-green: #0B7641;
    --color-green-light: #e8f8f6;
    --color-gold: #D9AC42;
    --color-gold-light: #F7EED9;
    --color-border: #c5c5c5;
}
/* GLOBAL STYLES */
/* COLORS */
.bg-gold { background-color: var(--color-gold); }
.bg-green-dark { background-color: var(--color-green-dark); }
.bg-green { background-color: var(--color-green) !important; }
.bg-green-light { background-color: var(--color-green-light); }

/* SPACES */
.-space-ps-xxs { padding-left: .3rem; }
.-space-pe-xxs { padding-right: .3rem; }
.-space-pt-xxs { padding-top: .3rem; }
.-space-pb-xxs { padding-bottom: .3rem; }
.-space-py-xxs {
    padding-top: .3rem;
    padding-bottom: .3rem;
}
.-space-px-xxs {
    padding-left: .3rem;
    padding-right: .3rem;
}

.-space-ms-xxs { margin-left: .3rem; }
.-space-me-xxs { margin-right: .3rem; }
.-space-mt-xxs { margin-top: .3rem; }
.-space-mb-xxs { margin-bottom: .3rem; }
.-space-my-xxs {
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.-space-mx-xxs {
    margin-left: .3rem;
    margin-right: .3rem;
}

@media (min-width: 992px) {
    .pt-lg-1 { padding-top: .25rem;}
    .pb-lg-1 { padding-bottom: .25rem;}
    .ps-lg-1 { padding-left: .25rem;}
    .pe-lg-1 { padding-right: .25rem;}
    .pt-lg-2 { padding-top: .5rem;}
    .pb-lg-2 { padding-bottom: .5rem;}
    .ps-lg-2 { padding-left: .5rem;}
    .pe-lg-2 { padding-right: .5rem;}
    .pt-lg-3 { padding-top: 1rem;}
    .pb-lg-3 { padding-bottom: 1rem;}
    .ps-lg-3 { padding-left: 1rem;}
    .pe-lg-3 { padding-right: 1rem;}
    .pt-lg-4 { padding-top: 1.5rem;}
    .pb-lg-4 { padding-bottom: 1.5rem;}
    .ps-lg-4 { padding-left: 1.5rem;}
    .pe-lg-4 { padding-right: 1.5rem;}
    .pt-lg-5 { padding-top: 2rem;}
    .pb-lg-5 { padding-bottom: 2rem;}
    .ps-lg-5 { padding-left: 2rem;}
    .pe-lg-5 { padding-right: 2rem;}
    .pt-lg-6 { padding-top: 3rem;}
    .pb-lg-6 { padding-bottom: 3rem;}
    .ps-lg-6 { padding-left: 3rem;}
    .pe-lg-6 { padding-right: 3rem;}
}

/* BORDERS */
.border-0 { border: none; }
.border-top-0 { border-top: none; }
.border-start-0 { border-left: none; }
.border-bottom-0 { border-bottom: none; }
.border-end-0 { border-right: none; }
.border { border: 1px solid var(--color-border); }
.border-top { border-top: 1px solid var(--color-border); }
.border-start { border-left: 1px solid var(--color-border); }
.border-bottom { border-bottom: 1px solid var(--color-border); }
.border-end { border-right: 1px solid var(--color-border); }

@media (min-width: 768px) {
    .border-md-0 { border: none; }
    .border-top-md-0 { border-top: none; }
    .border-start-md-0 { border-left: none; }
    .border-bottom-md-0 { border-bottom: none; }
    .border-end-md-0 { border-right: none; }
    .border-md { border: 1px solid var(--color-border); }
    .border-md-top { border-top: 1px solid var(--color-border); }
    .border-md-start { border-left: 1px solid var(--color-border); }
    .border-md-bottom { border-bottom: 1px solid var(--color-border); }
    .border-md-end { border-right: 1px solid var(--color-border); }
}
@media (min-width: 992px) {
    .border-lg-0 { border: none; }
    .border-top-lg-0 { border-top: none; }
    .border-start-lg-0 { border-left: none; }
    .border-bottom-lg-0 { border-bottom: none; }
    .border-end-lg-0 { border-right: none; }
    .border-lg { border: 1px solid var(--color-border); }
    .border-lg-top { border-top: 1px solid var(--color-border); }
    .border-lg-start { border-left: 1px solid var(--color-border); }
    .border-lg-bottom { border-bottom: 1px solid var(--color-border); }
    .border-lg-end { border-right: 1px solid var(--color-border); }
}

.rounded { border-radius: 4px; }
.rounded-2 { border-radius: 6px; }
.rounded-3 { border-radius: 8px; }
.rounded-pill { border-radius: 400px; }

/* BUTTONS */
.btn.-style-primary {
    --button-background: var(--color-green-dark);
    --button-hover-background: var(--color-green);
}
.btn.-style-green {
    --button-background: var(--color-green);
    --button-hover-background: var(--color-green-dark);
}
.btn.-style-green-light {
    --button-background: var(--color-green-light);
    --button-hover-background: white;
    color: var(--color-green-dark);
}
.bubble.-primary {
    background-color: var(--color-green-dark);
    color: white;
}

/* TEXT */
.text-primary { color: var(--color-green) !important; }
.text-primary-dark { color: var(--color-green-dark) !important; }
.text-primary-light { color: var(--color-green-light) !important; }
.text-gold { color: var(--color-gold) !important; }
.text-gold-light { color: var(--color-gold-light) !important; }


/* TEXT DECORATION */
.bullet-number,
.bullet-number-light {
    border: 1px solid var(--color-green-dark);
    color: var(--color-green-dark);
    padding: .3rem;
    margin: 0;
    border-radius: 300px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bullet-number-light {
    border: 1px solid var(--color-green-light);
    color: var(--color-green-light);
}

/* LAYOUT */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }

@media (min-width: 400px) {
    .d-xs-block { display: block !important; }
    .d-xs-none { display: none !important; }
    .d-xs-flex { display: flex !important; }
    .d-xs-grid { display: grid !important; }
}

.d-grid { grid-template-columns: 1fr; }
.grid-2 { grid-template-columns: 1fr 1fr; }
.grid-3 { grid-template-columns: 1fr 1fr 1fr; }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-2-1 { grid-template-columns: 2fr 1fr; }
.grid-1-2 { grid-template-columns: 1fr 2fr; }
@media (min-width: 576px) {
    .grid-sm-2 { grid-template-columns: 1fr 1fr; }
    .grid-sm-3 { grid-template-columns: 1fr 1fr 1fr; }
    .grid-sm-4 { grid-template-columns: repeat(4, 1fr); }
    .grid-sm-2-1 { grid-template-columns: 2fr 1fr; }
    .grid-sm-1-2 { grid-template-columns: 1fr 2fr; }
}
@media (min-width: 768px) {
    .grid-md-2 { grid-template-columns: 1fr 1fr; }
    .grid-md-3 { grid-template-columns: 1fr 1fr 1fr; }
    .grid-md-4 { grid-template-columns: repeat(4, 1fr); }
    .grid-md-2-1 { grid-template-columns: 2fr 1fr; }
    .grid-md-1-2 { grid-template-columns: 1fr 2fr; }
}
@media (min-width: 992px) {
    .grid-lg-2 { grid-template-columns: 1fr 1fr; }
    .grid-lg-3 { grid-template-columns: 1fr 1fr 1fr; }
    .grid-lg-4 { grid-template-columns: repeat(4, 1fr); }
    .grid-lg-2-1 { grid-template-columns: 2fr 1fr; }
    .grid-lg-1-2 { grid-template-columns: 1fr 2fr; }
}

/* IMAGES */
.img-cover,
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain {
    object-fit: contain;
}

/* HEADER */
.site-header .site-header__secondary__info .icon {
    color: var(--color-green-dark);
}
@media (max-width: 575.98px) {
    .site-header__secondary__layout {
        height: 5.7rem;
    }
    .site-header__secondary__info {
        border-top: 1px solid var(--color-border);
        padding-top: .3rem;
    }
}
.site-header__main__logo .link-logo {
    max-width: 300px;
    img {
        width: 100%;
    }
}
@media (max-width: 1619.98px) {
    .site-header__main__logo .link-logo {
        max-width: 210px;
    }
}
@media (max-width: 991.98px) {
    .site-header__main__logo .link-logo {
        max-width: 220px;
    }
}
@media (max-width: 575.98px) {
    .site-header__main__logo .link-logo {
        max-width: 160px;
    }
}

.site-header__main__search {
    .control-group__icon {
        display: none;
    }
    input {
        background: white;
        border: 1px solid var(--color-border);
        border-right: 0;    
    }
    .form-search .btn {
        background: transparent;
        border: 1px solid var(--color-border);
        color: #303030;
    }
}
/* HEADER NAVIGATION */
.site-header__navigation {
    .navigation .catalog-menu__trigger.-is-active {
        background: transparent;
    }
    .navigation {
        background: var(--color-green-dark);
        margin-bottom: -2px;
        .navigation__menu {
            border: none; 
        }
        .catalog-menu__trigger:hover {
            background-color: var(--color-green);
        }
        .primary-menu > .menu-item > a {
            border-left: 1px solid var(--color-border);
            &:hover {
                background-color: var(--color-green);
            }
        }
        .primary-menu > .menu-item.-is-active > a {
            background: transparent;
            border-radius: 0;
        }
    }
}
@media (min-width: 992px) {
    .site-header__navigation .navigation .catalog-menu__dropdown {
        top: calc(100% + 1px);
    }
}

/* HERO CAROUSEL */
.hero-carousel__slide {
    height: calc(var(--site-catalog-menu-height) + 2px);
    .hero-carousel__slide__content .btn {
        background-color: white;
        color: var(--color-green-dark);
        border: 1px solid white;
    }
}
.hero-carousel .swiper-slide > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.hero-carousel .swiper-buttons {
    padding: 0 .5rem;
    .swiper-arrow {
        background: transparent;
        border: 1px solid #c5c5c5;
        border-radius: 30px;
        &:hover {
            background-color: #ffffff5a;
        }
    }
}
@media (min-width: 992px) {
    .hero-carousel {
        margin-left: var(--site-catalog-menu-width);
    } 
}

/* LISTS */
.collection__filters .list-inline .menu-item label:hover,
.collection__filters .list-inline .menu-item.-is-active label {
    color: var(--color-green-dark);
}

/* FOOTER */
.site-footer {
    background-color: var(--color-green-dark);
}
.site-footer .link-logo img {
    filter: brightness(1.3);
}