/** custom css */
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/** custom css */
:root {
    --ba-orange: #FF9900;
    --ba-yellow:#FFDB15;
    --ba-gray-dark:#1E2328;
    --ba-gray:#F2F2F2;
    --ba-gray-light:#F7F7F7;
    --ba-blue:#1e88e5;
    --ba-blueKing:#0c5adb;

    --ba-purple:#4632da;

    --BT-wrapper-background: #fff;
    --BT-footer-background: #141414;

    --BT-product-flag-new: #512da8;
    --BT-product-flag-discount:#00bb2d;
    --BT-product-flag-pack:#f57c00;
}

html,body,
p, 
a,
div,
textarea,
input, input::placeholder, select, textarea,
li,
td, th { font-family: "Open Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Mulish", sans-serif!important; }
.h1, .h2, .h3 { text-transform: none; }
a { text-decoration: none!important;}

/** TEXT-COLORS */
.orange-text { color: var(--ba-orange)!important; }
.purple-text{ color:var(--ba-purple)!important; }
.green-text { color:#00bb2d!important; }
.blue-text { color: #0073ec!important; }
.blueKing-text { color: var(--ba-blueKing)!important; }
.red-text { color: #c62828!important; }
.indigo-text { color: #283593!important; }

/** TEXT-WEIGHT & TEXT-STYLE */
.text-thin { font-weight: 500!important;}
.text-bold { font-weight: 700!important;}
.text-bolder { font-weight:900!important; }
.text-italic { font-style: italic!important;}
.text-center { text-align: center!important;}

/** GRADIENT TEXT COLORS */
.gt-cyan-blue { 
    background: #0BF3D0;
    background: linear-gradient(to right, #0BF3D0 0%, #51A2FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gt-cyan-purple {
    background: #0BF3D0;
    background: linear-gradient(to right, #0BF3D0 0%, #4632DA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gt-orange-red {
    background: #FF9900;
    background: linear-gradient(to right, #FF9900 0%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gt-green-cyan {
    background: #0CD20F;
    background: linear-gradient(to right, #00bb2d 0%, #0BF3D0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gt-ocean-blue {
    background: #03045E;
    background: linear-gradient(to right, #03045E 0%, #90E0EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gt-cherry {
    background: #660708;
    background: linear-gradient(to right, #660708 0%, #FF4D6D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/** BACKGROUND-COLOR */
.bg-lightGray { background: #f3f3f6!important; }
.bg-white { background:#fff!important; }
.bg-black { background: #010101!important; }
.bg-faded { background:#fbfbfb!important; }

/** DIVIDERS */
.divider { display: block; clear: both; position: relative; }
.d20 { padding:10px 0; }
.d30 { padding:15px 0; }
.d40 { padding:20px 0; }
.d50 { padding:25px 0; }
.d80 { padding:40px 0; }
.d100 { padding:50px 0; }

#wrapper { background:var(--BT-wrapper-background); }

body:not(#index) section#wrapper { padding-top: 0; }

body#cart section#wrapper, body#checkout section#wrapper, body#registration section#wrapper,
body#my-account section#wrapper { padding-top: 2rem; }

@media screen and (325px <= width < 767px) {
    body#cart section#wrapper { padding-top: 100px; }
    body#category section#wrapper, body#product section#wrapper, body#checkout section#wrapper { padding-top: 0px; }
}

/** BUTTONS */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; outline-offset: -2px; }
a.btn-pill {
    position: relative;
    display: inline-block;
    color: #fff;
    border:3px solid #fff;
    padding: 20px;
    border-radius: 100px;
    overflow: hidden;
    z-index: 0;
    transition: all .35s ease-in-out; }
    a.btn-pill:hover, a.btn-pill:active { background:#fff; }
    a.btn-pill:after {
        content: '';
        width: 0%;
        height: 60px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .35s ease-in-out; }
        a.btn-pill:hover:after { width: 100%; }

.pill-purple {
    background-color: var(--ba-purple);
    border: 3px solid var(--ba-purple)!important; }
    .pill-purple:hover, .pill-purple:active { color: var(--ba-purple); }

.pill-orange {
    background: var(--ba-orange);
    border: 3px solid var(--ba-orange)!important; }
    .pill-orange:hover, .pill-orange:active { color: var(--ba-orange); }

.pill-blue {
    background: #1976d2;
    border: 3px solid #1976d2!important; }
    .pill-blue:hover, .pill-blue:active { color: #1976d2; }

.pill-green {
    background: #00bb2d;
    border: 3px solid #00bb2d!important; }
    .pill-green:hover, .pill-green:active { color: #00bb2d; }

.pill-black {
    background: #020334;
    border: 3px solid #020304!important; }
    .pill-black:hover, .pill-black:active { color: #020304; }


/** FORM ELEMENTS */
/** HEADER */
.bashopinfo_nav { display: inline-flex; margin: .25rem; }
.bashopinfo_nav a { font-size: .825rem; }
.bashopinfo_nav a i, .bashopinfo_nav span i { margin-right: .25rem; }
#header .header-nav .nav-link-account {
    display: inline-flex;
    padding: .25rem 1rem;
    font-size: .825rem;
    transition: all .35s ease-in-out;
    border-radius: 100px;
    margin-right: .5rem;
    align-items: center;
    justify-content: center; }
    a.nav-link-account.link-register { background: #0073ec; color: #fff!important; }
    a.nav-link-account.link-gestion { background: #f90; color: #fff!important; }

#header .logo { max-width: 80%; }


/** MEGAMENU */
@media (min-width:767px) {
    .layout_layout1 .ets_mm_megamenu_content { background: #fff!important; }
}
@media (min-width: 768px) {
    .ets_mm_megamenu.sticky_enabled.scroll_heading { border-bottom:5px solid var(--ba-orange); }
    .layout_layout1 .mm_menus_li > a:before { display: none;}
    .mm_has_sub > a .mm_arrow:after {
        border-left: none;
        border-right: none;
        border-top: 0;
        content: '\f078';
        display: inline-block;
        font-size: .825rem;
        vertical-align: 0;
        margin-left: .25rem;
        font-family: 'Font Awesome 6 Pro';
    }
    .ets_mm_megamenu.layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul {
        display: flex!important;
        flex-direction: row!important;
        justify-content: flex-end!important;
    }
}
.layout_layout1 .ets_mm_megamenu_content {
    border-bottom: none;
    border-top: none;
}
.layout_layout1 .mm_menus_li:nth-child(2) { border-left: none; }
.layout_layout1 .mm_menus_li, .layout_layout1 .mm_menus_li:last-child { border-right: none; }
.mm_menu_content_title {
    float: left;
    padding: 0 1rem;
    position: relative;
    min-height: 32px;
    display: flex;
    align-items: center;
    font-size: 1rem!important;
    font-weight: 500;
    text-transform: capitalize;
}
li.mm_menus_li.menu-community .mm_menu_content_title {
    background: var(--ba-orange);
    border-radius: 100px;
    color: #fff;
}
li.mm_menus_li.menu-community .mm_menu_content_title i:before {
    content: '\f500';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: .925rem;
    margin-right: .25rem;
}

.ets_mm_megamenu .mm_columns_ul {
    margin-left: calc(-50vw + 33%);
    padding: 1.5rem 5%;
}

.ets_mm_block_content .submenu-content {
    padding:1rem;
    border-radius: 1rem;
    transition: all .35s ease-in-out;
}
.submenu-content.highlight-light { background: #f9f9f9; } 
.submenu-content.highlight-gray { background: #f6f6f3; }
.submenu-content.highlight-dark { background: #010101; }
.submenu-content.highlight-blue { background: var(--ba-blue); }
.submenu-content.highlight-light:hover,
.submenu-content.highlight-gray:hover,
.submenu-content.highlight-blue:hover {
    box-shadow: 0 10px 10px -10px #00000050;
}

.submenu-content img.icon-title { margin-bottom: .5rem; max-height: 28px; }

.ets_mm_block_content .submenu-content h3 {
    font-size: 1.3rem;
    font-weight: 800;
}
.ets_mm_block_content .submenu-content h4 { font-size: 1.1rem; font-weight:800; }
.ets_mm_block_content .submenu-content.highlight-dark h3, .ets_mm_block_content .submenu-content.highlight-dark p,
.ets_mm_block_content .submenu-content.highlight-blue h3, .ets_mm_block_content .submenu-content.highlight-blue p { color: #fff!important; }
.ets_mm_block_content .submenu-content h3 i { font-size: 1.3rem; margin-right: 1rem;}
.ets_mm_block_content .submenu-content h4 i { font-size: 1.1rem; margin-right: .5rem;}

.ets_mm_block_content .mm_cta-link-simple { font-weight: 500; transition: all .35s ease-in-out; }
.ets_mm_block_content .mm_cta-link-simple:after {
    content: '\f324';
    font-family: 'Font Awesome 6 Pro';
    font-size: .725rem;
    margin-left: .25rem;
    transition: all .35s ease-in-out;
}
.ets_mm_block_content .mm_cta-link-simple:hover:after { margin-left: .5rem; }

.ets_mm_block_content .submenu-content.highlight-dark .mm_cta-link-simple,
.ets_mm_block_content .submenu-content.highlight-blue .mm_cta-link-simple { color: #fff!important; }


@media screen and (992px <= width < 1199px) {
    .mm_menu_content_title {
        padding: 0 16px;
        min-height: 40px;
        font-size: .825rem!important;
    }
}

/** WRAPPER */
/** FOOTER */
#footer { padding-top: 0; }
.footer-container { padding-top: 3.5rem; background: var(--BT-footer-background); }
.footer-container .h3, .footer-container .h4 {
    margin-bottom: 2rem;
    font-size: 1rem;
    color: #fff;
}
.footer-container .links ul>li a { color: #fff; transition: all .35s ease-in-out; }
.footer-container .links ul>li a:hover, .footer-container .links ul>li a:focus { color: var(--ba-orange); }

/** MODULE: BASHOPINFO */
.bashopinfo-list li.bashopinfo-item, 
.bashopinfo-list li.bashopinfo-item a, 
.bashopinfo-list .bashopinfo-item .bashopinfo-item-contain p { color: #fff; }
li.bsi_socialmedia-links-item a { 
    color: #fff;
    transition: all .35s ease-in-out;
    &:hover, &:focus { transform: scale(1.1); color:var(--ba-orange); }
}

/** MODULE: LINKS */
.footer-container .links .wrapper { margin-bottom: 1.5rem; }

/** MODULE: BLOCKNEWSLETTER */
.block_newsletter form .inputs-contain .btn.btn-sm {
    background: var(--ba-yellow);
    color: #010101;
    font-weight: 600;
}
.block_newsletter form .conditions-contain p { color: #ddd; }

/** MODULE: WHATSAPP CHAT */
.whatsapp-icon {
    background-image: url('https://bairesservicios.com/themes/baires/assets/img/whatsapp-logo.webp') !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
    height: 64px !important;
    width: 64px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    background-size: contain !important;
}

/** FOOTER-COPYRIGHT */
.footer-copyright {
    padding-top: 1%;
    padding-bottom: 1%;
    color: #fff;
    margin-top: 4%;
}
.footer-copyright .footer-copyright-contain {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer-copyright span { font-size: .825rem; width: 50%; }
.footer-copyright span.footer-allright { text-align: right; }
.footer-copyright span.footer-slogan { font-style: italic; font-size: 1.2rem; }

@media (320px <= width < 767px) {
    .footer-container { padding-top: .5rem; }
    .footer-container .bashopinfo ul>li a, .links .navbar-toggler i { color: #fff; }
    .bashopinfo ul.bsi_socialmedia-links { justify-content: flex-start; padding-bottom: 0; }
    .footer-container .bashopinfo ul { display: flex; flex-direction: row; flex-wrap: wrap; }
    .footer-copyright .footer-copyright-contain {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-copyright span { width: 100%;text-align: center; padding-bottom: .5rem; }
    .footer-container .links .wrapper { margin-bottom: 0; margin-left: 1rem; }
    .links .title { padding-bottom: 0; }
    .footer-container .links .h3 { font-size: 1rem; }
    .block_newsletter { padding: 1rem 1.5rem; }
}

@media (768px <= width < 1199px) {
    .bashopinfo.col-sm-4, .links { width: 50%; }
    .footer-main-content .block_newsletter { width: 100%; }
}

/** MODULE: CUSTOMHTML */
.heading-title {
    font-size: 2.8125rem;
    font-weight: 300;
    line-height: 3rem;
    margin-bottom: 2rem;
}
.sup-heading-title {
    font-size: 1.25rem;
    font-weight:300;
    line-height:1.8rem;
    margin-bottom:1.8rem;
    color:#010203;
}

ul.list-item {
    margin-top: 1.5rem;
    margin-bottom: 2rem; }
    ul.list-item li {
        margin-bottom:10px; }
        ul.list-item li:before {
            margin-right: 8px;
            font-family: 'Font Awesome 5 Duotone';
            font-weight: 600;
        }
        ul.list-item.plus-icon li:before {
            content: '\f061';
            color: #00bb2d;
        }

section.block-info { padding: 6rem 0; }
section.block-info div.column-image, section.block-info div.column-text { padding:1%; }
section.block-info div.column-right-text  { padding-left:3%; }
section.block-info p {
    color:#010203;
    font-size: 1rem;
    line-height: 1.5rem;
}
img.img-rounded-01 {
    width:100%;
    border-radius: 100px 100px 300px 100px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}
img.img-rounded-02 {
    width:100%;
    border-radius: 100px 100px 100px 300px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}

.service-home-card {
    display: flex;
    flex-direction: column;
    padding: 12% 8% 8% 8%;
    margin: 3%;
    border: 1px solid #ddd;
    border-radius: 15px 15px 50px 15px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05); }
    .service-home-card h3 {
        margin-bottom: 25px;
    }
    .service-home-card a {
        font-size: .875rem;
        color: #999;
        font-weight: 600;
        position: relative;
        width: fit-content;
        padding-right: 20px;
        transition: all .35s ease-in-out; }
        .service-home-card a:before {
            content: '\f061';
            font-weight: 600;
            font-family: 'Font Awesome 6 Pro';
            right: 2px;
            position: absolute;
            transition: all .35s ease-in-out;
            color: #999;
            top: 1px; }
            .service-home-card a:hover, .service-home-card a:active { color:var(--ba-purple); }
            .service-home-card a:hover:before {
                color:var(--ba-purple);
                right:1px;
            }
@media screen and (325px <= width < 767px) {
    section.block-info { padding: 2rem 0; }
    .heading-title { font-size: 1.8rem; line-height: 2rem; margin-bottom: 1rem; }
    section.block-info div.column-right-text .heading-title { margin-top: 1.5rem; }
    section.block-info a.btn-pill{width:90%;text-align:center;margin-left:auto;margin-right:auto;display:block}
    section.block-info div.column-image { text-align: center;}
    img.img-rounded-01, img.img-rounded-02 { width: 95%; }
}

@media screen and (768px <= width < 991px) {
    section.block-info { padding: 3rem 0; }
    .heading-title  {font-size: 2.2rem; line-height: 2.8rem;}
}

/** BREADCRUMB */
#wrapper .breadcrumb {
    padding: 0;
    background: var(--ba-gray-light);
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    position: relative; }
    #wrapper .breadcrumb > ol {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: none;
        padding-left: 15px;
        padding-right: 15px; }
        #wrapper .breadcrumb > ol li a {
            color: #010203;
            font-weight: 600;
        }

/** PRODUCT-THUMBNAILS */
.product-miniature .thumbnail-container {
    max-width: 260px;
    width: 260px;
    margin-bottom: 1.563rem;
    padding: 1.5rem .5rem 1rem .5rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #0073ec35;
    border-radius: 1rem;
    box-shadow: 0px 6px 18px 0px rgba(38,45,118,.08);
    transition: all .35s ease-in-out;

    &:hover { border: 1px solid #0073ec75; }
}
.product-miniature .thumbnail-container.is-featured { border: 2px solid #00bb2d; box-shadow: 0px 6px 18px 0px rgb(42 157 58 / 37%); transform: scale(1.01); }
span.is-feature-label {
    display: inline-flex;
    align-items: center;
    gap: .25rem; 
    background: #00bb2d;
    color: #fff;
    font-size: .825rem;
    padding: 0 1rem;
    position: absolute;
    top: -1px;
    width: 70%;
    justify-content: center;
    left: calc(50% - 35%);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    box-shadow: 0px 6px 12px 0px rgb(42 157 58 / 37%);
}
span.is-feature-label i { font-size: .55rem; }

.product-miniature .product-title {
    margin-top: 1rem;
    text-align: left;
    text-transform: none;
    padding: 0 .5rem;
    min-height: auto;
    margin-bottom: .5rem; }
    .product-miniature .product-title a,
    .product-miniature .product-title {
        font-size: 1.2rem;
        font-weight: 800;
        color: #010101;
        text-align: left;
    }
.product-miniature .thumb-desc-short {
    padding: 0 .5rem;

    p { font-size: .825rem;}
}
.product-miniature .product-price-and-shipping { margin-top: 2rem; }
.product-miniature .product-price-and-shipping .price-period {
    display: block;
    font-size: .825rem;
    font-weight: 600;
}

.quick-buy button.add-to-cart.is-featured { background: #00bb2d; color: #fff; border: 1px solid #00bb2d; }

.product-miniature .product-features {
    margin-top: 1rem;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.product-miniature .product-features .feature-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: .5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .5rem;
}
.product-miniature .product-features .feature-item:last-child { border-bottom: none; }
.product-miniature .product-features .feature-item span {
    font-size: .825rem;
    color: #010101;
}
.product-miniature .product-features .feature-item span.feature-value {
    font-weight: 600;
    text-align: right;
}
@media (320px <= width < 767px) {
    .product-miniature .thumbnail-container { max-width: 90%; width: 90%; }
}
@media (992px <= width < 1199px) {
    .product-miniature .thumbnail-container.is-featured { transform: scale(1.015); }
}

/** CATEGORY-LAYOUT */

.category-layout {
    padding-top: 3%;
    padding-bottom: 5%;
}
.category-layout h2.hero-h2, #category #category-description h2.hero-h2 {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom:2rem;
}

.category-layout h2.h2-grid-col, #category #category-description h2.h2-grid-col {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 3rem;
    margin-bottom: 2rem;
}
#category #category-description h2.hero-h2 { margin-top: 3rem; }

.category-layout h2.hero-h2 span.pre-title-badge, #category #category-description h2.hero-h2 span.pre-title-badge {
    font-size: 1rem;
    display: block;
    margin: .5rem auto;
    font-weight: 500;
    background: #f3f3f6;
    width: fit-content;
    padding: .25rem 1.5rem;
    border-radius: 100px;
    color: #010101;
}

.category-layout p { font-size: 1.3rem; line-height: 2rem;}

.feature-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    margin-top: 5%;
    margin-bottom: 5%;
}
.feature-cards-container.cards-grid-2col { grid-template-columns: repeat(2, 1fr); }
.feature-cards-container.cards-grid-4col { grid-template-columns: repeat(4, 1fr); }
.feature-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: calc(.75rem + 4px);
    position: relative;
    padding: 1.5rem;
    transition: all .35s ease-in-out;
}
.feature-card-header h3 {
    font-size: 1.2rem;
    font-family: 'Open Sans', sans-serif!important;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #010101;
}
.feature-card-content p, #category-description .feature-card-content p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.feature-icon {
    display: flex;
    padding: 1rem;
    background: #00b8db20;
    width: fit-content;
    border-radius: .75rem;
    margin-bottom: 1rem;
    color: #00b8db;
    font-size: 1.3rem;
    transition: all .35s ease-in-out;

    i { text-shadow: 0px 0px 10px rgb(0 215 255); }
}
.feature-card:hover { box-shadow: 1px 4px 11px 0px rgba(0, 184, 219, 0.48); }
.feature-card:hover .feature-icon { transform: scale(1.1); }
.feature-card.orange-card .feature-icon { 
    background: #ff990020; 
    color: #f90; 
    i { text-shadow: 0 0 10px #f90; }
}
.feature-card.orange-card:hover  { box-shadow: 1px 4px 11px 0px #ff990048; }
.feature-card.green-card .feature-icon {
    background: #00bb2d20;
    color: #00bb2d;
    i { text-shadow: 0 0 10px #00bb2d; }
}
.feature-card.green-card:hover { box-shadow: 1px 4px 11px 0px #00bb2d48;}
.feature-card.purple-card .feature-icon {
    background: #512da820;
    color: #512da8;
    i { text-shadow: 0 0 10px #512da8; }
}
.feature-card.purple-card:hover { box-shadow: 1px 4px 11px 0px #512da848; }
.feature-card.red-card .feature-icon {
    background: #c6282820;
    color: #c62828;
    i { text-shadow: 0 0 10px #c62828;}
}
.feature-card.red-card:hover { box-shadow: 1px 4px 11px 0px #c6282848;}

.feature-card.centered-card .feature-card-header  {
    display: flex; flex-direction: column; align-items: center; margin-top:-4rem;
}
.feature-card.centered-card .feature-card-header h3 { text-align: center;}
.feature-card.centered-card .feature-card-content p { text-align: center; }
.feature-card.centered-card .feature-icon, 
.feature-card.centered-card.orange-card .feature-icon,
.feature-card.centered-card.green-card .feature-icon,
.feature-card.centered-card.purple-card .feature-icon,
.feature-card.centered-card.red-card .feature-icon {
    background: #fff;
    font-size: 3.2rem;
    padding: 1rem 1.5rem;
}
.feature-card.card-number { overflow: hidden;}
.feature-card.card-number:hover { box-shadow: 1px 4px 11px 0px #01020348; }
.feature-card.card-number:hover .feature-number { transform: scale(1.2); filter:blur(.25rem); }
.feature-card.card-number .feature-card-header { padding-top: 1.5rem; }
.feature-card.card-number .feature-number {
    color: #01010120;
    font-size: 8rem;
    font-weight: 700;
    position: absolute;
    top: 1rem;
    left: -1rem;
    transition: all .35s ease-in-out;
    filter: blur(0);
}
.feature-card.card-number.indigo-card .feature-number { color: #ffffff35; }

.feature-card.card-number.dark-card { background:#010101; color: #fff; }
.feature-card.card-number.indigo-card { background:#283593; color: #fff; }
.feature-card.card-number.dark-card .feature-number { color: #ffffff50; }
.feature-card.card-number.dark-card .feature-card-header h3, .feature-card.card-number.dark-card .feature-card-content p,
.feature-card.card-number.indigo-card .feature-card-header h3, .feature-card.card-number.indigo-card .feature-card-content p { color: #fff; }

.feature-card.card-number.light-card { background: #f3f3f6; }

.category-layout section { padding: 5% 0; }

.section-fullwidth {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    background: #f3f3f6;
}
.section-columns-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right";
    gap: 3rem;
}

a.cta-link {
    display: flex;
    border: 2px solid #0077cc;
    border-radius: 100px;
    font-size: 1.3rem;
    font-style: italic;
    padding: 1rem 2rem;
    margin: 2rem auto;
    width: fit-content;
    background: linear-gradient(to left, #2475FC, #1129B9 100%);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0px 0px 10px rgb(0 215 255);
    transition: all .35s ease-in-out;

    &:hover, &:focus { background:linear-gradient(to left, #1129B9, #2475FC 100%); }
}

a.cta-link.mm_cta-link {
    font-size: 1rem;
    padding: .5rem 1.5rem;
    margin: 1rem 0;
    color: #fff!important;
}

@media (320px <= width < 767px) {
    .category-layout h2.hero-h2, #category #category-description h2.hero-h2 { font-size: 2rem; margin-bottom: 1.5rem; }
    .feature-cards-container { grid-template-columns: 1fr; }
    .feature-card.centered-card { margin-top: 15%; }
    .category-layout p { font-size: .950rem; line-height: 1.3rem; }
    .category-layout section p.text-md-center { text-align: center; }
    .category-layout section { padding: 8% 1rem; }
    .section-columns-grid-2 { 
        grid-template-columns: 1fr;
        grid-template-areas: none;
    }
    .feature-cards-container.cards-grid-2col, .feature-cards-container.cards-grid-4col { grid-template-columns: 1fr; }
    a.cta-link { font-size: 1rem;}
}   

@media (768px <= width < 991px) {
    .category-layout h2.hero-h2, #category #category-description h2.hero-h2 { font-size: 2.5rem; }
    .category-layout p { font-size: 1rem; line-height: 1.5rem; }
}

.ani-ripple-red{
    margin-top:5rem!important;
    -webkit-animation: ripple-red 1s linear infinite;
    animation: ripple-red 1s linear infinite;
}

/** PAGES: ----- */
/** PAGE: CATEGORY */
.block-category .block-category-inner { width: 100%; text-align: center;}
#pagenotfound .page-not-found, #products .page-not-found { display: none; }
div#js-product-list-header-custom { margin-top: 3rem; }
.block-category h1 { margin-bottom: 1.5rem; font-size: 3.5rem; font-weight: 800; text-align: center; color:var(--ba-orange); }
.block-category .block-category-inner, .block-category .block-category-inner p, .block-category .block-category-inner h2 { color: #010101; }
.block-category .block-category-inner p { font-size: 1.3rem; line-height: 2rem; }
.block-category .block-category-inner p.desc-subtitle {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}
.block-category .block-category-inner h2 { font-size: 2rem; }

@media (320px <= width < 767px) {
    .block-category h1 { font-size: 2rem; }
    .block-category .block-category-inner p { font-size: .950rem; line-height: 1.3rem; }
    .block-category .block-category-inner p.desc-subtitle { font-size: 1.2rem; }
}
@media (768px <= width < 991px) {
    .block-category .block-category-inner p { font-size: 1rem; line-height: 1.5rem; }
    .block-category .block-category-inner p.desc-subtitle { font-size: 1.2rem; }
}

/** MODULE: BABLOCKCATEGORIES */
.bablockcategories-container { margin-bottom: 3.265rem; box-shadow: none; }
ul.bablockcategories-tree li .subcategory-imagen { max-width: 100%; }
.bablockcategories-tree li span {
    font-size: 1.5rem;
    color: #010101;
    margin-top: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 1.8rem;
}

/** MODULE: BAIRES-FAQ */
.bafaqs-container {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #030F25;
    padding: 4% 0;
}
.bafaqs-container > div.container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
}
h2.bafaqs-title {
    text-align: left;
    margin-bottom: 2.5rem;
    font-size: 3rem;
    color: #fff;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.bafaqs-container #accordion_faq {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#accordion_faq .card {
    border-radius: 0;
    overflow: hidden;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
}
#accordion_faq .card .card-header { background: transparent; border-bottom:1px solid #fff; padding-left: .5rem; padding-right: .5rem; }
#accordion_faq .card .card-header h3 {
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
    text-align: left;
    text-decoration: none;
    text-wrap: wrap;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
#accordion_faq .card .card-body p { color: #fff; }

@media (320px <= width < 991px) {
    .bafaqs-container { padding: 10% 0; }
    .bafaqs-container > div.container { grid-template-columns: 1fr;}
    h2.bafaqs-title { margin-bottom: 1rem; font-size: 2rem; padding-left: 2rem; }
    #accordion_faq .card .card-header h3 { font-size: 1rem; text-wrap:wrap; }
}
@media (992px <= width < 1199px) {
    h2.bafaqs-title { padding-left:2rem; margin-bottom: 1.5rem; }
}

/** RESPONSIVE MENU */
.rm-header, #footer .rm-header {
    height: 60px;
    width: 96%;
    background: #fff;
    border-bottom: none;
    box-shadow: 0 7px 12px -14px #000;
    z-index: 10000;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    margin: 1% 2% 0 2%;
}
/* .rm-body-with-header { padding-top: 0 } */
.rm-header .rm-logo { text-align: left;}
.rm-header .rm-logo img { height: 60px; }
.rm-trigger {
    position: fixed;
    top: 80px;
    right: 10px;
    cursor: pointer;
    width: 34px;
    z-index: 10000;
    height: unset
}
.rm-header .rm-menu-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 10%;
    height: 60px;
    padding-left: 10px;
}
.rm-header .rm-icon-container {
    position: relative;
    text-align: right;
    padding-right: 10px;
    width: 30%;
}
.rm-header .rm-trigger, #footer .rm-header .rm-trigger {
    position: relative;
    font-size: 25px;
    color: #000;
}
.rm-header .rm-cart .count,#footer .rm-header .rm-cart .count {
    top: -7px;
    background: #f90;
    width: 23px;
    height: 23px
}

.rm-login-bar {
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    background: #fff
}

.rm-login-bar__hello { font-size: 1rem; color: #010101 }

.rm-login-bar__logout {
    display: block;
    font-size: .850rem;
    margin-left: 35px;
    margin-top: 10px;
    color: #010101;
    width: fit-content;
    background: #ddd;
    padding: 1px 5px;
    border-radius: 3px
}

.rm-search-bar__input {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-right: 10px;
    padding-left: 37px
}

.rm-search-bar__submit {
    color: #f90;
    right: 0;
    left: 5px
}

.rm-product-list {
    height: fit-content;
    top: 118px
}

.rm-login-bar__login {
    font-size: .850rem;
    color: #010101;
    background: var(--ba-yellow);
    padding: 5px 10px;
    display: inline-block
}

.rm-login-bar__create-account {
    display: inline-block;
    margin-left: 0;
    font-size: .85rem;
    margin-top: 10px;
    color: #fff;
    background: var(--ba-blue);
    padding: 5px 10px
}

#footer li a.rm-level__item:hover,#footer li a.rm-level__item--selected,.rm-level__item:hover,.rm-level__item--selected { color:#010101 }

@media screen and (768px <=width < 991px) {
    .rm-header .rm-menu-container { width: 1% }
    .rm-header .rm-logo img { width: 45% }
}


/** MODULE: YBC-BLOG */
body#ybc_blog_page #header { box-shadow:none!important; }
.ybc-navigation-blog-content .block { border: 1px solid #ddd; border-radius: 1.5rem; box-shadow: none!important; }
.ybc-navigation-blog-content .block .title_block { color: var(--ba-orange); }

.ybc-blog-wrapper h1.page-heading, .ybc-blog-wrapper-content h1.page-heading {
    font-size: 2.3rem;
    line-height: 2.6rem;
    padding-bottom: 2rem;
    color:var(--ba-purple);
}
.blog-category-desc h2 { padding-bottom: 1.3rem; }
.ybc-blog-wrapper-content h2 { margin-top: 50px; }
.ybc_indexing_box {
    border: 1px solid #ddd;
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden; }
    .ybc_indexing_box_title {
        border-bottom: 1px solid #ddd;
        padding: 4px 15px;
        width: 100%;
        display: block;
        margin-bottom: -1px;
        position: relative;
        font-size: .825rem;
        text-transform: uppercase;
        font-weight: 600;
    }
.ybc_btn_show_table_content {
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #f90;
    color: #fff;
    border: 1px solid #f90;
}
.ybc-blog-latest-toolbar {
    color: #020304;
    float: left;
    font-size: 14px;
    margin-bottom: 7px;
    width: 100%; }
    .post-date .be-label {
        display: block;
        float: left;
        overflow: hidden;
        text-indent: 999px;
        white-space: nowrap;
        width: 20px;
        color: #1e88e5;
    }
    span.ybc-blog-latest-toolbar-views i.ets_svg { color: #1e88e5; }

.blog_description ul {
    list-style: none;
    padding-left: 0; }
    .blog_description ul li { list-style: none; }
    .blog_description ul li:before {
        font-size: 9px;
        list-style: none;
        content: '\f111';
        font-family: 'Font Awesome 6 Free';
        font-weight: 600;
        margin-right: 8px;
        color: #80deea;
    }

a.ybc_title_block {
    color: var(--ba-purple);
    font-size: 1.2rem;
    line-height: 1.6rem;
}
a.ybc_item_img {
    border-radius: .475rem;
    border-right: 1px solid #9fa8da;
    border-bottom: 1px solid #9fa8da;
}
.ybc_image-single { border-radius: .475rem; margin-bottom:25px; }
a.blog_view_all, .blog_view_all_button a.view_all_link {
    background: var(--ba-blue);
    border-radius: 100px;
    border: 2px solid var(--ba-blue);
    transition: all .35s ease-in-out; }
    a.blog_view_all:hover, .blog_view_all_button a.view_all_link:hover,
    a.blog_view_all:active, .blog_view_all_button a.view_all_link:active {
        background: #fff;
        color:var(--ba-blue)!important;
    }

/** MEDIA-QUERIES */
@media screen and (325px <=width < 767px) {}

@media screen and (768px <=width < 991px) {}

@media screen and (992px <=width < 1199px) {}

@media screen and (1200px <=width < 1400px) {}

@media screen and (1401px <=width) {}

ul.products-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    columns: 1;
    text-align: center;
    gap: 2vw;

    anchor-name: --featuredProducts;
    scroll-marker-group: after;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-padding: 1.9vw;
}

ul.products-carousel::column {
    scroll-snap-align: center;
}

ul.products-carousel::column::scroll-marker {
    content: "";
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 2px solid black;
    border-radius: 10px;
}

ul.products-carousel::column::scroll-marker:target-current {
    background-color: black;
}

ul.products-carousel li {
    display: inline-block;
    width: fit-content;
}

ul.products-carousel li div.product {
    width: 250px;
}

ul.products-carousel::scroll-button(*) {
    border: 0;
    font-size: 1.5rem;
    background: none;
    color: rgb(0 0 0 / 0.7);
    cursor: pointer;
}

ul.products-carousel::scroll-button(*):hover,
ul.products-carousel::scroll-button(*):focus {
    color: rgb(0 0 0 / 1);
}

ul.products-carousel::scroll-button(*):active {
    translate: 1px 1px;
}

ul.products-carousel::scroll-button(*):disabled {
    color: rgb(0 0 0 / 0.2);
    cursor: unset;
}

ul.products-carousel::scroll-button(left) {
    content: "\f053";
}

ul.products-carousel::scroll-button(right) {
    content: "\f054";
}

ul.products-carousel::scroll-button(*) {
    position: absolute;
    position-anchor: --featuredProducts;
    font-family: 'Font Awesome 6 Pro';
}

ul.products-carousel::scroll-button(left) {
    right: calc(anchor(left) - 30px);
    bottom: calc(anchor(top) + 30px);
}

ul.products-carousel::scroll-button(right) {
    left: calc(anchor(right) - 30px);
    bottom: calc(anchor(top) + 30px);
}

ul.products-carousel::scroll-marker-group {
    position: absolute;
    position-anchor: --featuredProducts;
    top: calc(anchor(bottom) - 15px);
    justify-self: anchor-center;

    display: flex;
    justify-content: center;
    gap: 20px;
}

@media (320px <= width < 991px) {
    ul.products-carousel::scroll-button(*) { display:none; }
}

@-webkit-keyframes ripple-red {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0,119,204, 0.3), 0 0 0 10px rgba(0,119,204, 0.3), 0 0 0 20px rgba(0,119,204, 0.3);
        box-shadow: 0 0 0 0 rgba(0,119,204, 0.3), 0 0 0 10px rgba(0,119,204, 0.3), 0 0 0 20px rgba(0,119,204, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(0,119,204, 0.3), 0 0 0 20px rgba(0,119,204, 0.3), 0 0 0 30px rgba(0,119,204, 0);
        box-shadow: 0 0 0 10px rgba(0,119,204, 0.3), 0 0 0 20px rgba(0,119,204, 0.3), 0 0 0 30px rgba(212, 90, 219, 0)
    }
}