/*-------------------------------------------
  IMPORTAÇÃO DE FONTES
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,500;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

/*-------------------------------------------
  CABEÇALHO PRINCIPAL
--------------------------------------------*/
#header-main {
    background: #1a1a1a;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'roboto_condensed_bold';
    
    
}
#header-main .element-search {
       padding-right: 0px;
    
}

#header-main .user-login {
    padding: 8px 0;
    position: relative;
    /* color: white; */
}

#header-main .element-shopping-cart .link-shopping-cart {
    align-items: center;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    padding: 8px 0;
    position: relative;
}

.container-12 .grid-2 {
    width: 16.667%;
    /* background: #631161; */
    border-radius: 15px;
    background: linear-gradient(to right, #0d435400, #76117400);
    padding-left: 10px;
    height: 50px;
}

#header-main .list-shopping-cart > li {
    padding-left: 15px;
    padding-right: 15px;
    background: #b009ac00;
    border-radius: 4px;
}

#nav-bottom .element-newsletter-bottom {margin-bottom: 0 !important;background: #cc085a;}
#header-main .element-search .search-inner .search-field::placeholder {
    color: #ffffff;
    opacity: 1; /* Garante que o branco fique visível, especialmente no Firefox */
}

#header-main .header-main-inner {
    padding: 5px 0 0 !important;
}

#header-main span[class^="icon"] {
    background: #ffffff; /* ícones: lupa, entrar, minhas compras */
}

#header-main .header-2 {
    padding: 15px !important;
}

#header-main .header-1 div[class^="grid"]:first-child {
    margin-left: 20%;
    FONT-WEIGHT: 200;
    color: #ffffff;
}

#header-main .header-1 {
    background: #9b00ff47;
    /* padding: 5px !important; */
    line-height: 20px;
    /* padding-top: 0px; */
    FONT-SIZE: 14PX;
    /* ALIGN-ITEMS: ANCHOR-CENTER; */
}

#header-main .element-logo .logo a.logo-empty {
    font-family: "Michroma", sans-serif;
    font-weight: 900;
    color: #ffffff;
    padding-top: 0px;
    display: block !important;
    font-size: 20px !important;
    line-height: 100px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow:
        0 0 1px #ffffff,
        0 0 4px #f400ff,
        0 0 5px #ff0000,
        0 0 15px #00f0ff;
}

/* Ícone de telefone */
#header-main .element-info .info-phone:before {
    background: #ffffff;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    mask: url(https://cdn.simplo7.net/static/themed/FashionClean/webroot/img/icon-phone.svg) no-repeat center center;
    -webkit-mask: url(https://cdn.simplo7.net/static/themed/FashionClean/webroot/img/icon-phone.svg) no-repeat center center;
    mask-size: contain;
    -webkit-mask-size: contain;
}

/* Carrinho de compras */
#header-main .element-shopping-cart .link-shopping-cart .shopping-cart-total-products-wrapper {
    background: #ffffff;
    color: #130909;
    font-family: 'roboto_condensed_bold';
    font-size: 0;
    height: 16px;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 1px;
    right: -16px;
    border-radius: 5px;
}

/* Campo de busca */
#header-main .element-search .search-inner .search-field {
    background: rgb(255 255 255);
    border: 1px solid #ffffff;
    border-image: linear-gradient(to right, #353c49, #f400ff) 1;
    border-radius: 0;
    color: #ffffff;
}

/* Botão de busca */
#header-main .element-search .search-inner .btn {
    background: #cc085a;
    padding: 11px 16px;
    position: absolute;
    top: 0;
    right: 0;
}

/*-------------------------------------------
  MENU PRINCIPAL
--------------------------------------------*/
#nav-main .element-menu-category {
    background: #88208d;
    margin-bottom: 10px !important;
}

#nav-main .element-menu-category #menu-category .menu-category-list > li > a {
    color: #fff5f5;
    font-family: 'roboto_condensed_bold';
    font-size: 15px;
    line-height: 15px;
    padding: 2px 10px;
    display: block;
    text-decoration: none;
}

#nav-main .element-menu-category #menu-category .menu-category-list > li a {
    font-size: 14px;
    display: block;
    text-decoration: none;
}

#footer-main {
    color: #ffffff;
    font-size: 13px;
    line-height: 25px;
    margin: 0 !important;
    padding: 0;
    text-transform: uppercase;
    background-color: #37113c;
}
#footer-main .element-menu-footer .menu-footer-list > li > a {
    color: #ffffff;
    cursor: text;
    display: block;
    font-family: 'roboto_condensed_bold';
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

#footer-main .title-footer {
    color: #ffffff;
    font-family: 'roboto_condensed_bold';
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#header-main .header-2 {
        background: #37113c;
}

#header-main .element-shopping-cart .link-shopping-cart .shopping-cart-title {
    font-family: 'roboto_condensed_bold';
    line-height: 15px;
    font-size: 12px;
}

#nav-main .element-menu-main {
    background: #cc085a;
    margin-bottom: 5px !important;
    /* color: white; */
    /* justify-content: center; */
    ': ''';
}

#nav-main .element-menu-main #menu-main .menu-main-list > li > a {
    color: #ffffff;
    display: block;
    font-family: 'roboto_condensed_bold';
    line-height: 20px;
    padding: 5px 15px;
    font-size: 15px;
}

#nav-main div[class^="element-"] {
    margin-top: 0px;
    MARGIN-LEFT: OPX;
    margin-bottom: 5px;
    width: 100%;
    /* TEXT-ALIGN: CENTER; */
}

#nav-main .element-menu-main #menu-main .menu-main-list > li > ul {
    background: #720d73;
    border: 1px solid #000;
    left: -15px !important;
    margin-top: -1px;
    min-width: 220px;
    padding: 20px 30px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#nav-main .element-menu-main #menu-main .menu-main-list > li > ul > li > a {
    font-family: 'roboto_condensed_bold';
    color: white;
}

.title-primary, .header-box-content .title-secundary {
    border-bottom: 3px solid #cc085a;
    color: #000000;
    display: inline-block;
    padding-top: 3px;
    line-height: 34px;
    font-family: 'roboto_condensed_bold';
    font-size: 18px;
    text-transform: uppercase;
}

#header-main .element-shopping-cart .link-shopping-cart .shopping-cart-total-price-wrapper:before {
    border-left: 1px solid #ffffff;
    content: "";
    display: inline-block;
    margin: 0 10px;
    height: 24px;
}

#header-main .user-login:before {
    border-bottom: 3px solid #ffffff;
    bottom: -10px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
}

#nav-main .element-menu-main #menu-main .menu-main-list > li:hover > a {
    background: #581757;
    color: #fff;
}


#product-list .product-list-item .product-info .product-price, #product-list-sidebar .product-list-item .product-info .product-price {
    line-height: 25px;
    color: #ffffff;
    /* BORDER-BOTTOM: SOLID #cc085a; */
    border-top: solid #cc085a;
    margin-top: 0;
    background: #cc085a;
    TEXT-ALIGN: center;
    border-radius: 10px;
    /* margin-top: 0; */
}

#product-list .product-list-item .product-list-item-inner {
    background: #fff;
    BORDER-box: black;
    border: px solid;
    BORDER-COLOR: #7d0a7b;
    display: block;
    height: 100%;
    padding: 0 0 40px !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

#product-list-sidebar .product-list-item .product-info, #product-list .product-list-item .product-info {
    padding: 0px 0 0;
}

.sidebar .header-sidebar .header-sidebar-title {
    border-bottom: 3px solid #cc085a;
    color: #000000;
    display: inline-block;
    font-family: 'roboto_condensed_bold';
    font-size: 18px;
    padding: 8px 0 5px;
    line-height: 24px;
    text-transform: uppercase;
}

.btn {
    background: #cc085a;
    border: 0;
    line-height: 0;
    padding: 5px 15px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

#nav-bottom .element-newsletter-bottom .newsletter-header .header-box-content .title-secundary {
    border-bottom: 0;
    line-height: 20px;
    padding: 0;
    color: white;
}

#product-list .product-list-item .product-info .product-name, #product-list-sidebar .product-list-item .product-info .product-name {
    margin-bottom: 0px;
    min-height: 40px;
    text-align: center;
}

#product-list .product-list-item .product-image a:not(.label-unavailable) {
    /* padding-top: inherit; */
    border-left: solid;
    border-left-color: #f8edff;
    /* border-top: thin; */
    /* border-right: thin; */
    border-width: thin;
    border-top-color: #f8edff;
    border-right-color: #f8edff;
    border-color: #e5e5ea;
    /* border-radius: 10px; */
}
#product-list-sidebar .product-list-item .product-info .product-name h2, #product-list .product-list-item .product-info .product-name h2 {
    font-family: 'roboto_condensed_regular';
    display: flex;
    height: 80px;
    font-size: 13px;
    text-align: center;
    /* align-items: anchor-center; */
    background: #fefefe;
    padding-top: 0px;
    padding-bottom: 0;
    border-left: solid;
    /* border-right: solid; */
    border-width: thin;
    border-color: #04040414;
    /* border-radius: 10px; */
    flex-direction: column;
    justify-content: center;
}

.element-product-detail .wrapper-product-price .wrapper-btn-buy .btn.btn-buy, .element-product-detail .wrapper-product-price .wrapper-btn-buy .btn.btn-buy-kit {
    background: #cc085a;
}

#product-list-sidebar .product-list-item .product-info p.product-cash-price, #product-list .product-list-item .product-info p.product-cash-price, #product-list-sidebar .product-list-item .product-info p.product-parcelled-price, #product-list .product-list-item .product-info p.product-parcelled-price {
    font-size: 12px;
    line-height: 18px;
    TEXT-ALIGN: CENTER;
    /* border-bottom: solid; */
    /* border-top: white; */
}

.bx-wrapper .bx-viewport ul li {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    border: solid;
    border-width: thin;
    border-color: #b5b0b2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    
}

.element-product-detail .product-main-image {
    display: inline-block;
    margin: 0 auto;
    height: 600px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid;
    border-width: thin;
    border-color: #bfbfbf;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    contain:  content;
}

.header-box-content h1, .header-box-content h2, .header-box-content h3, .header-box-content h4, .header-box-content h5, .header-box-content h6, .header-box-content .title-primary, .header-box-content .title-secundary {
    border-bottom: 3px solid #cc085a;
    color: #cc085a;
    display: inline-block;
    padding-top: 3px;
    line-height: 34px;
    font-family: 'roboto_condensed_bold';
    font-size: 18px;
    text-transform: uppercase;
}

#nav-main .element-menu-main #menu-main .menu-main-list {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -8px;
    margin-top: -5px;
    width: 100%;
}


#footer-main .copyright {
    display: table;    
    padding: 0;            
    text-align: right;            
    width: 100%;       
    height: 0;        
}    

#footer-main .copyright p {
    align-items: right;
    display: -webkit-flex;
    display: flex;
    font-size: 0px;
    line-height: 0;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
}

 #footer-main .copyright .logo-dloja,#footer-main .copyright .logo-loja-hostgator {             
     height: 0px;               
     overflow: hidden;               
 }      

#footer-main .copyright .logo-dloja img,#footer-main .copyright .logo-loja-hostgator img {        
    height: 0px;      
    max-height: 0px;  
}

#footer-main .copyright p {
    align-items: right;
    display: -webkit-flex;
    display: flex
;
    font-size: 0px;
    line-height: 0;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
}

#header-main .user-login .user-actions li a {
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #37113c;
}

#product-list .product-list-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
    /* border-top: solid;
    border-left: solid;
    border-right: solid; */
    border-width: thin;
    border-color: #04040414;
    border-radius: 10px;
    height: 300px; 
    max-height: 400px;
}
#product-list .product-list-item .product-info .product-parcelled-price, #product-list-sidebar .product-list-item .product-info .product-parcelled-price {
    font-size: 12px;
    line-height: 18px;
    border-bottom: solid;
    border-color: #c1c1c1;
    border-width: thin;
}