/*** agrega aqui los estilos necesarios para modificar el template ***/

.bs-menu__lv1 {
    white-space: normal;
    color: #785d46;
    background: var(--lv1-bg-color);
    font-size: 1rem;
    text-align: center;
}

.bs-header-top {
    background: #bfad9d;
    color: #ffffff;
}

.btn-cart, .btn-login {
    color: var(--primary-bg-color);
    background: transparent;
}

.btn-cart:hover, .btn-login:hover {
    background: #ffffff;
    color: #7a5b3f;
}

.cart-items {
    position: absolute;
    right: -.3rem;
    top: -.3rem;
    background: #f8a772;
    color: var(--primary-hover-contrast);
    border-radius: 5rem;
    font-size: .8rem;
    min-width: 1.5rem;
    padding: .125rem .375rem;
    border: 2px solid var(--header-bg-color);
}

.chat-widget__btn {
    background: #79562f;
    color: white;
     border: solid 1px #79562f;
}

.chat-widget__btn:hover {
    background: #c79827;
    transition: 0.3s;
}

@media screen and (min-width: 768px) {
    .bs-promo-2__section.bs-promo-2__section {
        --span-col: 10;
        --span-row: 2;
        --cols: var(--span-col);
        grid-column-start: 2;
        grid-row-start: 5;
        background: #c6a7a6;
        padding: 2rem;
    }
}

.bs-promo-1__img {
    grid-row-start: 1;
    grid-column-start: 1;
    background-image: url(sets.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 768px) {
    .bs-promo-1__info h3 {
        color: white;
        filter: drop-shadow(2px 2px 2px black);
    }
}

@media screen and (max-width: 768px) {
    .bs-promo-1__section::before {
        content: " ";
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: -5;
        position: absolute;
        background: #dfbfbe;
        opacity: .7;
        backdrop-filter: blur(3rem);
    }
}

@media screen and (max-width: 768px) {
    .bs-promo-1__info p {
        color: #000000;
    }
}

@media (max-width: 992px) {
    img[data-bs="header.logo"] {
        width: 145px !important;
        height: auto !important;
        transition: none !important;
    }
}

@media (max-width: 992px) {
    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.page-link {
    border: 0px none;
    border-radius: var(--default-border-radius);
    margin: 0 .25rem;
    background: #bfad9d;
    color: var(--primary-contrast);
}

.bs-collection__product .btn {
    white-space: nowrap;
    opacity: 10;
}

a.tyc {
    color:#c6a7a6;
}

a.tyc:hover {
    color: #79562f;
}