.logo-bar-area{
    background-color: #f15a2a;
    color: white !important;
}
.bg-black { background-color: #000 !important; }

.scroll {
    white-space: nowrap; /* [1] */
    overflow-x: auto; /* [2] */
    -webkit-overflow-scrolling: touch; /* [3] */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */ }

/* [5] */
.scroll::-webkit-scrollbar {
    display: none; }

.js-cookie-consent{
    width: 100%;
    border-bottom: 2px solid #ccc;
    padding-top:15px;
    padding-bottom:15px;
    text-align: center;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.seller-shop-menu li {
    padding: 0 !important;
}
.seller-shop-menu li a {
    padding: 14px 20px;
    display: inline-block;
    font-size: 13px;
    color: #4c4c4c !important;
    font-weight: 600;
    border-bottom: 3px solid transparent;
}

ul.inline-links > li {
    vertical-align: top;
}
ul.inline-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    line-height: 1;
}

ul.inline-links > li {
    display: inline-block;
    padding: 0 .4em 0 .4em;
    position: relative;
    font-size: 0.75rem;
}

ul.inline-links > li:first-child {
    padding-left: 0;
}

ul.inline-links > li:last-child {
    padding-right: 0;
}

ul.inline-links > li,
ul.inline-links > li > a {
    color: #818a91;
}

ul.inline-links > li > a.active {
    color: #2b2b2c;
    font-weight: 500;
}

ul.inline-links > li > a:hover {
    text-decoration: none;
}

ul.inline-links > li > a > i,
ul.inline-links > li > i {
    margin-right: 4px;
}

ul.inline-links.inline-links--style-2 > li,
ul.inline-links.inline-links--style-2 > li > a {
    font-size: 13px;
}

ul.inline-links.inline-links--style-2 > li:not(:last-child) {
    padding-right: 12px;
}

ul.inline-links.inline-links--style-2 > li:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 4px;
}

ul.inline-links.inline-links--style-2 > li:last-child:before {
    content: "";
}
.btn-anim-primary, .form-control:focus, .sub-cat-featured a:hover, .brands-collapse-box li:hover, .widget-profile-menu a.active, button.paction.add-wishlist:hover, button.paction.add-compare:hover, .all-category-menu ul li.active, .all-category-menu ul li.active:before, .product-gal-thumb a img.xactive, label.payment_option input:checked + span, .link--bb-1, .ribbon.bg-base-1:before, .ribbon.bg-base-1:after, .btn-base-1, .card-hover--animation-1:hover .btn, .delimiter-left-thick--style-1, .checkbox input[type="checkbox"]:checked + label::before, .checkbox input[type="radio"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .radio-primary input[type="radio"]:checked + label::before, input:checked + .toggle-switch-slider:before, input:checked + .toggle-switch-slider, .checkbox-alphanumeric input:checked ~ label, .checkbox-color input:checked ~ label, a > .feature--boxed-border:hover, .icon-block--style-1-v3 .block-icon, .icon-block--style-1-v5.block-bordered-grid-animated:hover .block-inner::after, .icon-block--style-2-v2.active .block-icon, .icon-block--style-2-v2:hover .block-icon, .icon-block--style-4:hover .block-icon::after, .pagination > .active .page-link, .pagination > .active .page-link:focus, .pagination > .active .page-link:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pricing-plans--style-2 .block-pricing.active .plan-title, .nav-tab-image-wrapper:hover .nav-tab-image, .tabs--style-1 .nav-tabs > li > a.active, .tabs--style-1 .nav-tabs > li:first-child > a.active, .tabs--style-2 .nav-tabs .nav-item.show .nav-link, .tabs--style-2 .nav-tabs .nav-link.active, .tabs--style-2 .nav-tabs .nav-link:hover, .timeline-img, .dropzone, .milestone-counter .milestone-delimiter, .search-widget .form-control:focus, .search-widget--style-5 .form-control:focus, .search-widget--style-5 .form-control:hover, .typeface-palette a.active > .typeface-entry, .typeface-palette a.active:hover > .typeface-entry, .section-title-1 li a.active, .section-title-1 li a:hover, .bg-base-1 .btn-base-1, .product-box-2 .add-to-cart, .seller-shop-menu li.active a, .seller-shop-menu li a:hover, .megabox>input:checked~.megabox-elem, .megabox>input:checked~.megabox-elem{
    border-color: #f1592a;
}

/* your custom style goes here */

/* reveal grid after images loaded */
.grid.are-images-unloaded {
    opacity: 0;
}

.grid__gutter-sizer { width: 0.5%; }

/* hide by default */
.grid.are-images-unloaded .image-grid__item {
    opacity: 0;
}

.grid__item {
    margin-bottom: 5px;
    float: left;
}
@media (min-width:576px){
    .grid{
        max-width: 1400px;
    }
    .grid__item,
    .grid__col-sizer {
        width: 16.25%;
        box-sizing: border-box;
    }
}

@media (max-width: 992px) {
    .grid{
        max-width: 992px;
    }
    .grid__item,
    .grid__col-sizer {
        width:24.9%;
        box-sizing: border-box;
    }
}

@media (max-width: 576px) {
    .grid{
        max-width: 575px;
    }
    .grid__item,
    .grid__col-sizer {
        width:32%;
    }
}

.post-card{
    border:0;
    border-radius: 0;
}
.post-card .price-box{

}
.post-card .price-box .product-price{
    text-align: center;
}

a:hover .post-card{
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.12);
}
/* smedia */
/*=====================*/
.social-nav {
    padding: 0;
    list-style: none;
    margin: 0px auto;
}
.social-nav li {
    display: inline-block;
}
.social-nav a {
    display: inline-block;
    /* float:left; */
    width: 35px;
    /*height: 35px;*/
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    background: #000;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.top-bar .social-nav {
    float: none !important;
}
.top-bar .social-nav a {
    float: left;
    width: 15px;
    height: 15px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.social-nav a .fa {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.social-nav a:hover .fa {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.model-4 li {
    margin: 0 -5px;
}
.model-4 a {
    background: none;
    line-height: 1.7;
    font-size: 14px;
}
.model-4 a:hover {
    color: #1e2127;
}
.model-4 .twitter {
    color: #00aced;
}
.model-4 .facebook {
    color: #3b579d;
}
.model-4 .google-plus {
    color: #dd4a3a;
}
.model-4 .linkedin {
    color: #007bb6;
}
.model-4 .pinterest {
    color: #cb2026;
}
.model-4 .skype {
    color: #01aef2;
}
.model-4 .youtube {
    color: #e62117;
}
.model-4 .rss {
    color: #ffa500;
}

.btn-base-1.btn-outline:active,
.btn-base-1.btn-outline:focus,
.btn-base-1.btn-outline:hover,
.flatpickr-day.selected, .flatpickr-day.selected:hover,
.bg-base-1

{
    background-color: #e62e04 !important;
}


.bg-soft-base-1{
    background-color: rgba(230, 46, 4, .1) !important;
}

.bg-light-base-1{
    background-color: rgba(230, 46, 4, .2) !important;
}
.btn-base-1.btn-outline,
.btn-base-1.btn-outline:active,
.btn-base-1.btn-outline:focus,
.btn-base-1.btn-outline:hover
{
    border-color: #e62e04 !important;
}


.btn-base-1:active,
.btn-base-1.active,
.btn-base-1:focus,
.btn-base-1:hover,
.bg-base-1 .btn-base-1,
.bg-base-1 .btn-base-1:active,
.bg-base-1 .btn-base-1:focus,
.bg-base-1 .btn-base-1:hover,
.form-base-1 .form-control,
.form-base-1 .input-group-addon,
.form-base-1 .form-control:focus,
.icon-block--style-1-v5 .block-icon-circle,
.promos.bg-base-1 .promo .price,
.ss-style-invertedrounded::after,
.ss-style-invertedrounded::before,
.social-media.social-media--style-1-v1 > li > a:hover

{
    color: white;
    background-color: #bd2502;
}

.cta-wrapper > a:hover > .bg-base-1 {
    background: #bd2502 !important;
}

.btn-base-1:active,
.btn-base-1.active,
.btn-base-1:focus,
.btn-base-1:hover,
.bg-base-1 .btn-base-1:active,
.bg-base-1 .btn-base-1:focus,
.bg-base-1 .btn-base-1:hover,
.product .product-actions--1 .btn-product-action:hover

{
    color: white;
    border-color: #bd2502;
}


.btn-base-1
{
    color: white;
    background-color: #e62e04;
}

.category-menu .categories {
    height: 45vh;
    overflow-y: auto;
}

html, body {
    font-family: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* ✅ ÚNICO :root */
:root {
    /* DS tokens */
    --color-dark: #202020;
    --grey-01:    #5D6C80;
    --grey-02:    #93A0B2;
    --grey-03:    #DEE6EA;
    --grey-04:    #EFF2F5;
    --grey-05:    #F8F9FB;
    --white:      #FFFFFF;

    --primary:      #FF6A1A;
    --primary-dark: #E85506;

    --text-main:   var(--color-dark);
    --text-muted:  var(--grey-01);
    --border-soft: var(--grey-03);

    /* Theme mappings */
    --blue:   var(--primary);
    --orange: var(--primary);

    --gray:      var(--grey-01);
    --gray-dark: var(--color-dark);

    --hov-primary: #E85506;
    --soft-primary: rgba(255, 106, 26, 0.15);

    --secondary: #93A0B2;
    --soft-secondary: rgba(147, 160, 178, 0.15);

    --light: #ffffff;
    --dark:  #202020;
}

/* Base */
body{
    background-color: var(--grey-05) !important;
    color: var(--color-dark);
}

a {
    color: var(--grey-01);
}

.category-bar{
    position: relative;
    z-index: 30;
}

#hover-category-menu{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    background: #fff;
    z-index: 40;
}

/* quitamos el límite del container SOLO aquí */
#hover-category-menu > .container{
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* centramos el contenido real */
#hover-category-menu .row{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* sidebar de categorías */
#hover-category-menu .category-menu{
    border-radius: 12px;
}

/* submenús flotantes */
#hover-category-menu .sub-cat-menu{
    background: #fff;
}