:root{
    --imperial-gold:#D4AF37;
    --imperial-gold-hover:#E8C44D;
    --imperial-white:#FFFFFF;
    --imperial-offwhite:#EAEAEA;
    --imperial-dark-bg:#0A0B0F;
    --imperial-dark-panel:#1A1A1A;
    --imperial-dark-border:#333;
    --imperial-text-muted:#888;
    --imperial-success:#25D366;
    --imperial-danger:#FF4D4D;
    --imperial-info:#0D6EFD;
    --imperial-warning:#FFC107;
    --imperial-border:var(--imperial-dark-border);
    --imperial-surface:var(--imperial-dark-panel)
}
html{
    scroll-behavior:smooth;
    font-size:16px
}
body{
    background-color:var(--imperial-dark-bg);
    color:var(--imperial-offwhite);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.6
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    background:linear-gradient(180deg,rgba(10,11,15,.85) 0%,rgba(0,0,0,.98) 100%);
    z-index:-1
}
h1,h2,h3,h4,h5,h6{
    color:var(--imperial-gold);
    font-weight:700;
    line-height:1.25
}
p,li,span,small,label{
    color:inherit;
    font-weight:400
}
.text-muted{
    color:var(--imperial-text-muted)!important
}
a{
    color:var(--imperial-gold);
    text-decoration:none;
    transition:color .3s
}
a:hover{
    color:var(--imperial-gold-hover)
}
hr{
    border:none;
    height:1px;
    background:var(--imperial-border);
    margin:2rem 0
}
.btn,.button-1,.btn-primary{
    display:inline-block;
    padding:.55rem 1.1rem;
    font-weight:700;
    border:1px solid transparent;
    border-radius:.25rem;
    cursor:pointer;
    transition:all .3s;
    background:var(--imperial-gold)!important;
    color:var(--imperial-dark-bg)!important
}
.btn:hover,.button-1:hover,.btn-primary:hover{
    background:var(--imperial-gold-hover)!important;
    border-color:var(--imperial-gold-hover)!important;
    color:#000!important;
    transform:translateY(-2px)
}
.btn-success{
    background:var(--imperial-success)!important;
    border-color:var(--imperial-success)!important;
    color:#fff!important
}
.btn-danger{
    background:var(--imperial-danger)!important;
    border-color:var(--imperial-danger)!important;
    color:#fff!important
}
.btn-outline-secondary{
    background:transparent;
    border-color:#555;
    color:var(--imperial-offwhite)
}
.btn-outline-secondary:hover{
    background:#444;
    color:var(--imperial-white)
}
.btn-outline-primary{
    background:transparent;
    border-color:var(--imperial-gold);
    color:var(--imperial-gold)
}
.btn-outline-primary:hover{
    background:var(--imperial-gold);
    color:var(--imperial-dark-bg)
}
.btn-outline-info{
    background:transparent;
    border-color:var(--imperial-info);
    color:var(--imperial-info)
}
.btn-outline-info:hover{
    background:var(--imperial-info);
    color:#fff
}
body .card,body .publish-form-wrapper,body .login-form-bhouse,body .team-list-container,body .my-account-main-content-item,body .my-account-main-content,body .checkout-form-main,body .checkout-summery,body .fodo_category_menu{
    background:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    color:var(--imperial-offwhite)!important;
    border-radius:.35rem
}
section.bg-light{
    background:rgba(26,26,26,.5)
}
.shadow-sm{
    box-shadow:0 .125rem .25rem rgba(0,0,0,.3)
}
.header-top{
    background:var(--imperial-surface);
    border-bottom:1px solid var(--imperial-border);
    overflow:visible!important;
    position:relative;
    z-index:1100!important
}
.header-top span,.header-top a{
    color:var(--imperial-offwhite)
}
.header-top i{
    color:var(--imperial-gold)
}
.header-bottom.sticky-header{
    position:sticky;
    top:0;
    background:rgba(26,26,26,.95);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    z-index:1050
}
.header-bottom .menu nav ul>li>a{
    color:var(--imperial-offwhite);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px
}
.header-bottom .menu nav ul>li>a:hover{
    color:var(--imperial-gold)
}
.header-bottom.sticky-header .menu nav ul>li>a{
    padding:25px 20px
}
.header-search-icon,.header-user-icon{
    background:transparent;
    border:2px solid var(--imperial-border);
    border-radius:50%;
    width:42px;
    height:42px;
    margin-left:10px;
    transition:.3s
}
.header-search-icon i,.header-user-icon a i{
    color:var(--imperial-gold);
    font-size:18px;
    transition:.3s
}
.header-search-icon:hover,.header-user-icon:hover{
    background:var(--imperial-gold);
    border-color:var(--imperial-gold-hover);
    transform:scale(1.1)
}
.header-search-icon:hover i,.header-user-icon:hover a i{
    color:var(--imperial-dark-bg)
}
.language-top{
    position:relative
}
.language-top>span{
    color:var(--imperial-offwhite);
    cursor:pointer;
    transition:color .3s
}
.language-top:hover>span{
    color:var(--imperial-gold)
}
.language-top ul{
    position:absolute;
    top:100%;
    left:0;
    min-width:200px;
    list-style:none;
    margin:0;
    padding:0;
    background:var(--imperial-surface);
    border:1px solid var(--imperial-border);
    border-top:2px solid var(--imperial-gold);
    box-shadow:0 4px 12px rgba(0,0,0,.4);
    z-index:1400
}
.language-top ul li a{
    display:block;
    padding:10px 15px;
    color:var(--imperial-offwhite);
    transition:.2s
}
.language-top ul li a:hover{
    background:#333;
    color:var(--imperial-gold)
}
.hl_top-left{
    overflow:visible!important
}
.top-bar-menu-item{
    position:relative;
    margin-right:25px
}
.top-bar-menu-item>span{
    color:var(--imperial-gold);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:4px;
    transition:color .3s
}
.top-bar-menu-item:hover>span{
    color:var(--imperial-gold)
}
.top-bar-menu-item>span i{
    transition:transform .3s
}
.top-bar-menu-item:hover>span i{
    transform:rotate(180deg)
}
.top-bar-menu-item ul{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    list-style:none;
    margin:0;
    padding:0;
    background:var(--imperial-surface);
    border:1px solid var(--imperial-border);
    border-top:2px solid var(--imperial-gold);
    box-shadow:0 4px 12px rgba(0,0,0,.4);
    display:none;
    z-index:1400
}
.top-bar-menu-item:hover ul{
    display:block
}
.top-bar-menu-item ul li a{
    display:block;
    padding:10px 15px;
    color:var(--imperial-offwhite);
    transition:.2s
}
.top-bar-menu-item ul li a:hover{
    background:#333;
    color:var(--imperial-gold)
}
.nice-select{
    background:transparent!important;
    border:1px solid var(--imperial-dark-border)!important;
    color:var(--imperial-offwhite)!important;
    font-weight:500
}
.nice-select:hover{
    border-color:var(--imperial-gold)!important
}
.nice-select::after{
    border-color:var(--imperial-text-muted)!important
}
.nice-select .list{
    background:var(--imperial-dark-panel)!important;
    border:1px solid var(--imperial-dark-border)!important;
    box-shadow:0 5px 15px rgba(0,0,0,.5);
    border-radius:4px
}
.nice-select .option{
    color:var(--imperial-offwhite)!important;
    transition:.2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    background:#2c2c2c!important
}
.nice-select .option.selected{
    color:var(--imperial-gold)!important;
    font-weight:600
}
.f_header_search_canvas{
    background:rgba(26,26,26,.98);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-left:1px solid var(--imperial-border);
    box-shadow:-10px 0 30px rgba(0,0,0,.5)
}
.f_header_search_canvas-full .f_header{
    border-bottom:1px solid var(--imperial-border)
}
.f_header_search_canvas-full .f_header h2{
    color:var(--imperial-gold)
}
.f_header_search_canvas-full .f_header .search_close i{
    color:var(--imperial-text-muted);
    transition:.3s
}
.f_header_search_canvas-full .f_header .search_close:hover i{
    color:var(--imperial-danger);
    transform:rotate(90deg) scale(1.1)
}
.f_header_search_form form input[type="search"]{
    width:100%;
    height:60px;
    padding:15px 20px;
    background:var(--imperial-dark-bg);
    border:2px solid var(--imperial-border);
    border-radius:5px 0 0 5px;
    color:var(--imperial-white);
    font-weight:500;
    transition:border-color .3s,box-shadow .3s
}
.f_header_search_form form input[type="search"]::placeholder{
    color:var(--imperial-text-muted)
}
.f_header_search_form form input[type="search"]:focus{
    border-color:var(--imperial-gold);
    box-shadow:0 0 15px rgba(212,175,55,.2)
}
.f_header_search_form form button{
    width:60px;
    height:60px;
    background:var(--imperial-gold);
    color:var(--imperial-dark-bg);
    border-radius:0 5px 5px 0
}
.product-detail-area{
    padding:40px 0
}
.product-main-content .card{
    background:var(--imperial-surface);
    border:1px solid var(--imperial-border);
    border-radius:5px;
    padding:25px
}
.product-header-dark{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid var(--imperial-border)
}
.product-header-dark .product-title{
    color:var(--imperial-white);
    font-size:clamp(1.8rem,5vw,2.5rem);
    font-weight:700;
    line-height:1.2
}
.product-header-dark .share-buttons{
    display:flex;
    gap:8px;
    padding-top:10px
}
.product-header-dark .share-buttons a{
    display:inline-flex;
    width:32px;
    height:32px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px
}
.product-header-dark .share-buttons .facebook{
    background:#1877F2
}
.product-header-dark .share-buttons .whatsapp{
    background:#25D366
}
.product-header-dark .share-buttons .telegram{
    background:#0088cc
}
.product-meta-dark{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    font-size:.85rem;
    color:var(--imperial-text-muted);
    margin-bottom:30px
}
.product-meta-dark span i{
    margin-right:5px;
    color:#666
}
.product-meta-dark a{
    color:var(--imperial-gold)
}
.details-section-title{
    color:var(--imperial-gold);
    border-bottom:1px solid var(--imperial-border);
    font-size:1.5rem;
    font-weight:600;
    margin:40px 0 20px;
    padding-bottom:10px
}
.details-grid .details-grid-item{
    display:flex;
    align-items:center;
    padding:12px 15px;
    background:#2c2c2c;
    border:1px solid var(--imperial-border);
    border-radius:4px;
    transition:transform .2s,border-color .2s
}
.details-grid .details-grid-item:hover{
    transform:translateY(-2px);
    border-color:#555
}
.details-grid-item .stat-icon{
    width:20px;
    margin-right:12px;
    font-size:1.2rem;
    color:var(--imperial-gold);
    text-align:center
}
.details-grid-item .stat-label{
    font-size:.8rem;
    color:var(--imperial-text-muted)
}
.details-grid-item .stat-value{
    font-size:1rem;
    font-weight:500;
    color:var(--imperial-offwhite)
}
.product-sidebar-dark .sidebar-widget{
    background:var(--imperial-surface);
    border:1px solid var(--imperial-border);
    border-radius:5px;
    margin-bottom:25px;
    padding:20px
}
.product-sidebar-dark .price-widget .price-display{
    color:var(--imperial-gold);
    font-size:2.8rem;
    font-weight:700;
    line-height:1
}
.product-sidebar-dark .price-widget .price-currency{
    color:var(--imperial-text-muted)
}
.product-sidebar-dark .actions-widget .btn{
    width:100%;
    padding:10px;
    font-size:.9rem;
    font-weight:600;
    border-radius:5px;
    border:1px solid var(--imperial-border);
    background:transparent;
    color:var(--imperial-offwhite);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .2s
}
.product-sidebar-dark .actions-widget .btn+.btn{
    margin-top:10px
}
.product-sidebar-dark .actions-widget .btn:hover{
    border-color:var(--imperial-text-muted);
    background:#2c2c2c
}
.product-sidebar-dark .actions-widget .btn i{
    margin-right:8px
}
.product-sidebar-dark .actions-widget .btn-success{
    background:var(--imperial-success);
    border-color:var(--imperial-success);
    color:#fff
}
.product-sidebar-dark .actions-widget .btn-success:hover{
    background:#22a251;
    border-color:#22a251
}
.product-sidebar-dark .actions-widget .btn.like-product{
    border-color:var(--imperial-danger);
    color:var(--imperial-danger)
}
.product-sidebar-dark .actions-widget .btn.like-product:hover{
    background:var(--imperial-danger);
    color:#fff
}
.product-sidebar-dark .seller-widget .seller-avatar{
    width:60px;
    height:60px;
    border-radius:5px
}
.product-sidebar-dark .seller-widget .seller-label{
    color:var(--imperial-text-muted)
}
.product-sidebar-dark .seller-widget .seller-name a{
    color:var(--imperial-white);
    font-weight:600
}
.product-sidebar-dark .safety-tips-widget .card-header-warning{
    background:var(--imperial-warning);
    color:#000;
    font-weight:700
}
.product-sidebar-dark .safety-tips-widget ul{
    list-style:none;
    color:var(--imperial-text-muted);
    margin:0;
    padding:0
}
.product-sidebar-dark .safety-tips-widget ul li{
    padding:8px 0;
    display:flex;
    align-items:flex-start
}
.product-sidebar-dark .safety-tips-widget ul li .fa-check-circle{
    color:var(--imperial-success);
    margin-right:10px;
    margin-top:4px
}
.sticky-top{
    z-index:1000
}
.footer{
    background:var(--imperial-dark-bg);
    border-top:2px solid var(--imperial-gold)
}
.footer-top{
    padding:60px 0 40px
}
.footer-widgets-single h3.widgets-title{
    position:relative;
    color:var(--imperial-white);
    font-weight:700;
    padding-bottom:10px
}
.footer-widgets-single h3.widgets-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:40px;
    height:2px;
    background:var(--imperial-gold)
}
.footer-menu li a{
    color:var(--imperial-text-muted);
    transition:.2s
}
.footer-menu li a:hover{
    color:var(--imperial-gold-hover);
    padding-left:8px
}
.footer-social span a{
    display:inline-flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#2a2d34;
    color:var(--imperial-white);
    transition:.2s
}
.footer-social span a:hover{
    background:var(--imperial-gold);
    color:var(--imperial-dark-bg)
}
.footer-bottom{
    background:#000;
    border-top:1px solid var(--imperial-border)
}
.f_caopy_text p,.f_caopy_text p a{
    color:var(--imperial-text-muted)!important
}
.f_caopy_text p a:hover{
    color:var(--imperial-white)!important
}
@media (max-width:991.98px){
    .header-top,.menu.d-lg-flex{
        display:none!important
    }
    .header-bottom{
        padding:10px 0
    }
    .header-bright{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center
    }
    .header-bright .logo{
        position:absolute;
        left:50%;
        transform:translateX(-50%)
    }
    .header-bright .logo a img{
        max-height:45px
    }
    .header-search,.header-user-icon{
        margin-left:0
    }
}
@media (max-width:767.98px){
    .product-header-dark{
        flex-direction:column;
        gap:15px
    }
    .details-grid>.col-md-6{
        max-width:100%!important
    }
}
.product-sidebar-dark .seller-widget{
    margin-top:25px!important
}
.details-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:15px!important;
    padding:0 10px!important
}
.details-grid>.col-md-6{
    flex:1 1 230px!important;
    max-width:calc(50% - 15px)!important
}
.details-grid-item .stat-label{
    margin-right:6px!important
}
.product-sidebar-dark .seller-avatar{
    margin-right:12px!important
}
@media (max-width:575.98px){
    .header-bottom.sticky-header{
        padding:6px 0
    }
    .header-bright .logo{
        position:static;
        transform:none
    }
    .header-bright .logo a img{
        max-height:38px
    }
    .header-search-icon,.header-user-icon{
        width:38px;
        height:38px;
        margin-left:8px
    }
    .mobile-bar{
        display:block;
        margin-right:auto
    }
    .offcanvas_menu{
        width:260px;
        height:100vh;
        background:var(--imperial-surface);
        position:fixed;
        top:0;
        left:-260px;
        transition:transform .3s ease;
        z-index:1400;
        overflow-y:auto
    }
    .offcanvas_menu.active{
        transform:translateX(260px)
    }
    .offcanvas_menu_overlay{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.8);
        z-index:1390;
        opacity:0;
        pointer-events:none;
        transition:opacity .3s
    }
    .offcanvas_menu_overlay.show{
        opacity:1;
        pointer-events:auto
    }
    .canvas_open a{
        background:transparent!important;
        border:2px solid var(--imperial-border)!important
    }
    .canvas_open a:hover{
        background:var(--imperial-gold)!important;
        border-color:var(--imperial-gold-hover)!important
    }
    .canvas_open a:hover span{
        background:var(--imperial-dark-bg)!important
    }
    .header-top{
        display:block !important
    }
}
.canvas_open a span{
    background:var(--imperial-gold)!important
}
.advanced-zoom-gallery{
    width:100%
}
.az-large-image-container{
    position:relative;
    width:100%;
    background-color:#000;
    border:1px solid var(--imperial-border,#333);
    border-radius:8px;
    overflow:hidden;
    aspect-ratio:16 / 10
}
.az-large-image-container a{
    display:block;
    width:100%;
    height:100%;
    cursor:zoom-in
}
.az-large-image-container img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform .3s ease
}
.az-large-image-container a:hover img{
    transform:scale(1.05)
}
.az-thumbnails-container{
    position:relative;
    margin:15px 0
}
#az-thumbnails-slider .az-thumb{
    padding:2px
}
#az-thumbnails-slider .az-thumb a{
    display:block;
    border:3px solid transparent;
    border-radius:6px;
    overflow:hidden;
    cursor:pointer;
    transition:border-color .2s ease-in-out;
    aspect-ratio:4 / 3
}
#az-thumbnails-slider .az-thumb a:hover{
    border-color:#ddd
}
#az-thumbnails-slider .az-thumb a.active{
    border-color:var(--imperial-gold);
    box-shadow:0 0 8px rgba(212,175,55,.5)
}
#az-thumbnails-slider .az-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.az-thumbnails-container .bx-wrapper{
    box-shadow:none!important;
    border:none!important;
    background:transparent!important
}
.az-thumbnails-container .bx-wrapper .bx-controls-direction a{
    z-index:10;
    width:35px;
    height:35px;
    margin-top:-17.5px;
    background:rgba(0,0,0,.5);
    border-radius:50%;
    transition:background-color .2s ease
}
.az-thumbnails-container .bx-wrapper .bx-controls-direction a:hover{
    background-color:var(--imperial-gold)
}
.az-thumbnails-container .bx-wrapper .bx-prev{
    left:-15px
}
.az-thumbnails-container .bx-wrapper .bx-next{
    right:-15px
}
 .fancybox__container {
  z-index: 99999 !important;
}
body .shop-page-area,body .section-padding{
    background-color:transparent!important
}
body .product-item,body .blog-item{
    background:var(--imperial-surface)!important;
    border-color:var(--imperial-border)!important
}
body h1,body h2,body h3,body h4,body h5,body h6,body .section-headding-title h2,body .product-item .product-content h4 a{
    color:var(--imperial-white)
}
body h1,h2,h3,h4,h5,h6{
    color:var(--imperial-gold)
}
body .section-headding-title h2{
    color:var(--imperial-white)!important
}
body p,body .ltn__shop-options,body .showing-product-number,body .footer-widgets-single .corporate-address li span,body .f_caopy_text p,body .f_caopy_text p a{
    color:var(--imperial-offwhite)!important
}
body .footer-widgets-single h3.widgets-title{
    color:var(--imperial-white)!important
}
.product-card-v2 .card-img-top-container{
    height:200px;
    overflow:hidden;
    background-color:#1a1a1a;
    position:relative
} 
.product-card-v2:hover .product-card-image{
    transform:scale(1.05)
}
.product-card-v2 .featured-badge,.product-card-v2 .photo-count-badge{
    position:absolute;
    top:10px;
    padding:4px 8px;
    font-size:.75rem;
    font-weight:700;
    color:#fff;
    border-radius:4px;
    text-shadow:1px 1px 2px rgba(0,0,0,.7)
}
.product-card-v2 .featured-badge{
    left:10px;
    background-color:rgba(212,175,55,.9)
}
.product-card-v2 .photo-count-badge{
    right:10px;
    background-color:rgba(0,0,0,.6)
}
.product-card-v2 .card-title{
    font-size:1rem;
    font-weight:600;
    min-height:48px
}
.product-card-v2 .card-title a{
    color:var(--imperial-white)
}
.product-card-v2 .card-title a:hover{
    color:var(--imperial-gold)
}
.product-card-v2 .product-stats{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    color:var(--imperial-text-muted)
}
.product-card-v2 .seller-info a{
    color:var(--imperial-text-muted)
}
.product-card-v2 .seller-info a:hover{
    color:var(--imperial-gold-hover)
}
.product-card-v2 .card-footer-price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid var(--imperial-border);
    padding-top:10px;
    margin-top:10px
}
.product-card-v2 .price{
    font-size:1.25rem;
    font-weight:700;
    color:var(--imperial-gold)
}
.product-card-v2 .button-1-alt{
    background:transparent!important;
    border:1px solid var(--imperial-gold)!important;
    color:var(--imperial-gold)!important;
    padding:.25rem .75rem
}
.product-card-v2 .button-1-alt:hover{
    background:var(--imperial-gold)!important;
    color:var(--imperial-dark-bg)!important
}
body .shipping-item-full{
    background:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    box-shadow:0 4px 15px rgba(0,0,0,.4)!important;
    padding:30px 20px!important;
    border-radius:8px
}
body .shipping-item{
    padding:15px;
    border-radius:6px;
    transition:background-color .3s
}
body .shipping-item:hover{
    background-color:rgba(255,255,255,.05)
}
body .shipping-item .iocn i{
    background:var(--imperial-dark-bg);
    border:1px solid var(--imperial-border);
    color:var(--imperial-gold);
    width:55px;
    height:55px;
    font-size:24px
}
body .shipping-item .content h3{
    color:var(--imperial-white)!important;
    font-size:1rem;
    font-weight:600
}
body .shipping-item .content p{
    color:var(--imperial-text-muted)!important;
    font-size:.875rem
}
body .shipping-item:hover .iocn i{
    background:var(--imperial-gold)!important;
    color:var(--imperial-dark-bg)!important;
    transform:scale(1.1) rotate(10deg)
}
.hs_item_single2{
    position:relative;
    z-index:1
}
.hs_item_single2::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to right,rgba(10,11,15,.85) 0%,rgba(10,11,15,.3) 100%);
    z-index:-1;
    border-radius:8px
}
.hs_item_single2 h2{
    color:var(--imperial-white)!important;
    font-size:2.5rem;
    font-weight:800;
    text-shadow:2px 2px 5px rgba(0,0,0,.7)
}
.hs_item_single2 .cont p{
    color:var(--imperial-offwhite)!important;
    font-size:1.125rem;
    text-shadow:1px 1px 3px rgba(0,0,0,.6)
}
.hero-slider-full2 .owl-dots .owl-dot span{
    background-color:rgba(255,255,255,.5)!important
}
.hero-slider-full2 .owl-dots .owl-dot.active span{
    background-color:var(--imperial-gold)!important
}
.hero-slider-full2 .owl-dots .owl-dot.active span::after{
    border-color:var(--imperial-gold)!important
}
body .fodo_category_menu{
    background-color:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    border-radius:8px
}
body .ltn__category-menu-title{
    background:var(--imperial-gold)!important;
    border-top-left-radius:7px;
    border-top-right-radius:7px
}
body .ltn__category-menu-title h2{
    color:var(--imperial-dark-bg)!important;
    font-weight:700;
    font-size:1rem;
    letter-spacing:.5px
}
body .ltn__category_list ul{
    padding:10px 0
}
body .ltn__category_list ul li a{
    color:var(--imperial-offwhite)!important;
    font-size:.95rem;
    font-weight:500;
    padding:12px 20px;
    border-bottom:1px solid var(--imperial-border)!important;
    transition:all .2s ease-in-out
}
body .ltn__category_list ul li:last-child a{
    border-bottom:none!important
}
body .ltn__category_list ul li a:hover{
    background-color:rgba(212,175,55,.1);
    color:var(--imperial-gold-hover)!important;
    padding-left:25px
}
body .imperial-form{
    background:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    border-top:3px solid var(--imperial-gold)!important
}
body .imperial-form .form-section-title,body .imperial-form fieldset legend{
    color:var(--imperial-white);
    font-weight:600;
    letter-spacing:.5px;
    padding-bottom:.75rem;
    border-bottom:1px solid var(--imperial-border)
}
body .imperial-form .form-label{
    color:var(--imperial-offwhite);
    font-weight:500;
    font-size:.9rem
}
body .imperial-form .form-control{
    background-color:var(--imperial-dark-bg)!important;
    border:1px solid var(--imperial-border)!important;
    color:var(--imperial-white)!important;
    border-radius:4px;
    padding:.75rem 1rem
}
body .imperial-form .form-control::placeholder{
    color:var(--imperial-text-muted)
}
body .imperial-form .form-control:focus{
    border-color:var(--imperial-gold)!important;
    box-shadow:0 0 0 .25rem rgba(212,175,55,.25)!important;
    background-color:#1c1c1c!important
}
body .imperial-form .nice-select{
    float:none;
    height:calc(1.5em + 1.5rem + 2px)
}
body .imperial-form .nice-select::after{
    border-color:var(--imperial-text-muted)
}
body .imperial-form .nice-select .list{
    background-color:var(--imperial-dark-bg)!important;
    border:1px solid var(--imperial-gold)!important
}
body .imperial-form .nice-select .option{
    color:var(--imperial-offwhite)!important
}
body .imperial-form .nice-select .option:hover,body .imperial-form .nice-select .option.focus,body .imperial-form .nice-select .option.selected.focus{
    background-color:#2c2c2c!important
}
body .imperial-form .nice-select .option.selected{
    color:var(--imperial-gold)!important;
    font-weight:700
}
body .imperial-form .input-group{
    display:flex
}
body .imperial-form .input-group>.form-control,body .imperial-form .input-group>.nice-select{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    position:relative;
    flex:1 1 auto;
    width:1%;
    min-width:0
}
body .imperial-form .input-group-text{
    background-color:var(--imperial-dark-bg);
    border:1px solid var(--imperial-border);
    color:var(--imperial-text-muted);
    border-left:0;
    border-radius:0 4px 4px 0;
    font-weight:500;
    padding:.65rem 1rem
}
body .imperial-form .input-group select.bs-native-select{
    background-color:var(--imperial-dark-bg);
    border:1px solid var(--imperial-border);
    border-left:0;
    color:var(--imperial-offwhite);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-right:2rem;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D4AF37' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right 1rem center;
    background-size:16px 12px
}
.progress-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    z-index:1500
}
.progress-box{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:var(--imperial-surface);
    padding:30px 40px;
    border-radius:8px;
    border:1px solid var(--imperial-border);
    z-index:1501;
    width:90%;
    max-width:500px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.5)
}
.progress-box h5{
    color:var(--imperial-white);
    margin-bottom:1rem
}
.progress{
    background-color:var(--imperial-dark-bg)
}
.progress-bar{
    background-color:var(--imperial-gold)!important;
    font-weight:700;
    color:var(--imperial-dark-bg)!important
}
.imperial-accordion .accordion-item{
    background-color:transparent;
    border:1px solid var(--imperial-border);
    border-radius:8px;
    overflow:hidden
}
.imperial-accordion .accordion-header{
    margin-bottom:0
}
.imperial-accordion .accordion-button{
    color:var(--imperial-white);
    font-weight:600;
    box-shadow:none!important;
    display:flex;
    align-items:center;
    width:100%;
    padding:1rem 1.25rem;
    transition:background-color .2s ease-in-out,color .2s ease-in-out
}
.imperial-accordion .accordion-button::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D4AF37'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.imperial-accordion .accordion-button.collapsed{
    background-color:var(--imperial-surface);
    border-bottom:none
}
.imperial-accordion .accordion-button.collapsed:hover{
    background-color:#2c2c2c
}
.imperial-accordion .accordion-button:not(.collapsed){
    background-color:var(--imperial-dark-bg);
    color:var(--imperial-gold);
    border-bottom:1px solid var(--imperial-border)
}
.imperial-accordion .accordion-body{
    padding:1.5rem;
    background-color:var(--imperial-surface)
}
.imperial-card{
    background:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    color:var(--imperial-offwhite)!important;
    border-radius:.35rem
}
.page-section-title{
    color:var(--imperial-white)!important;
    font-weight:700;
    margin-bottom:2rem!important;
    text-transform:uppercase;
    letter-spacing:1px
}
.sub-section-title{
    color:var(--imperial-gold)!important;
    font-weight:600;
    font-size:1.25rem;
    border-bottom:1px solid var(--imperial-border);
    padding-bottom:.5rem;
    margin-bottom:1.5rem
}
.team-list-section{
    margin-bottom:3rem
}
.team-list-title{
    color:var(--imperial-gold);
    font-size:1.5rem;
    text-align:center;
    margin-bottom:1.5rem;
    border-bottom:1px solid var(--imperial-border);
    padding-bottom:.75rem
}
.team-list-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    background-color:var(--imperial-dark-bg);
    border-radius:6px;
    border:1px solid var(--imperial-border);
    margin-bottom:1rem;
    transition:background-color .2s
}
.team-list-item:hover{
    background-color:#252525
}
.team-info{
    display:flex;
    align-items:center;
    gap:15px
}
.team-avatar-list{
    width:60px;
    height:60px;
    border-radius:50%;
        object-fit:cover;
    border:2px solid var(--imperial-gold)
}
.team-details .team-name-list{
    display:block;
    color:var(--imperial-white);
    font-weight:600;
    font-size:1.1rem
}
.team-details .team-name-list:hover{
    color:var(--imperial-gold-hover)
}
.team-details .team-role-list{
    font-size:.9rem;
    color:var(--imperial-text-muted)
}
.team-details .role-text-admin{
    color:var(--imperial-danger);
    font-weight:bold
}
.team-details .role-text-mm{
    color:var(--imperial-info);
    font-weight:bold
}
.team-details .role-text-vendedor{
    color:var(--imperial-offwhite)
}
.button-contact{
    padding:.4rem 1rem!important;
    font-size:.85rem!important;
    background:var(--imperial-success)!important;
    color:white!important
}
.button-contact:hover{
    filter:brightness(1.1);
    transform:translateY(-2px)
}
.az-large-image-container{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:400px
}
.az-large-image-container img{
    height:auto;
    max-height:80vh
}
.sidebar-widget.confidential-widget{
    border:1px solid var(--imperial-danger);
    border-radius:5px;
    overflow:hidden
}
.confidential-widget .card-header-danger{
    background-color:var(--imperial-danger);
    color:var(--imperial-white);
    font-weight:700;
    text-transform:uppercase;
    font-size:.8rem;
    letter-spacing:.5px;
    padding:.5rem 1rem
}
.confidential-widget .card-body{
    padding:.5rem
}
.confidential-widget .list-group-item{
    background-color:transparent;
    color:var(--imperial-offwhite);
    border-color:var(--imperial-border);
    padding:.75rem .5rem;
    font-size:.9rem
}
.confidential-widget .list-group-item:last-child{
    border-bottom:none
}
.confidential-widget .list-group-item a{
    color:var(--imperial-gold);
    word-break:break-all
}
.confidential-widget .list-group-item a:hover{
    color:var(--imperial-gold-hover)
}
.copy-widget-wrapper .card-body{
    padding:1rem
}
.share-text-preview{
    background-color:var(--imperial-dark-bg);
    border:1px solid var(--imperial-border);
    border-radius:6px;
    padding:15px;
    max-height:400px;
    overflow-y:auto;
    font-family:'Consolas','Menlo','monospace';
    font-size:.85rem;
    line-height:1.6;
    color:var(--imperial-offwhite);
    white-space:pre-wrap;
    word-wrap:break-word
}
.share-text-preview pre{
    margin:0;
    padding:0;
    background:none;
    border:none;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    white-space:inherit
}
.visually-hidden{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
body .sidebar-widgets h2{
    color:var(--imperial-white)!important;
    font-weight:600;
    font-size:1.25rem;
    padding-bottom:.75rem;
    margin-bottom:1.75rem;
    border-bottom:1px solid var(--imperial-border)
}
body .sidebar-widgets h2::after{
    display:none
}
.imperial-filter-form .filter-group{
    margin-bottom:1.75rem
}
.imperial-filter-form .filter-title{
    color:var(--imperial-gold)!important;
    font-size:.8rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:.75rem
}
.imperial-filter-form .price-range-inputs,.imperial-filter-form .power-range-inputs,.imperial-filter-form .kingdom-range-inputs{
    display:flex;
    align-items:center;
    gap:10px
}
.imperial-filter-form .form-control,.imperial-filter-form .form-select{
    background-color:var(--imperial-dark-bg)!important;
    border:1px solid #444!important;
    color:var(--imperial-white)!important;
    padding:.6rem .75rem;
    font-size:.9rem;
    border-radius:4px;
    width:100%
}
.imperial-filter-form .form-select{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D4AF37' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
.imperial-filter-form .form-control::placeholder{
    color:#777
}
.imperial-filter-form .form-control:focus,.imperial-filter-form .form-select:focus{
    border-color:var(--imperial-gold)!important;
    box-shadow:0 0 0 .25rem rgba(212,175,55,.25)!important
}
.imperial-filter-form .filter-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:2rem
}
.imperial-filter-form .button-1,.imperial-filter-form .btn-limpiar{
    width:100%;
    padding:.75rem 1rem;
    font-size:.9rem;
    text-transform:uppercase;
    font-weight:700;
    text-align:center;
    border-radius:.25rem;
    transition:all .3s
}
.imperial-filter-form .btn-limpiar{
    border:1px solid #555;
    color:var(--imperial-offwhite);
    background:transparent
}
.imperial-filter-form .btn-limpiar:hover{
    background:#444;
    color:var(--imperial-white);
    border-color:#666
}
.category-widget-list{
    list-style:none;
    padding:0;
    margin:0
}
.category-widget-list li{
    border-bottom:1px solid var(--imperial-border)
}
.category-widget-list li:last-child{
    border-bottom:none
}
.category-widget-list a{
    color:var(--imperial-offwhite)!important;
    display:block;
    padding:12px 5px;
    transition:all .2s ease-in-out
}
.category-widget-list a:hover{
    color:var(--imperial-gold-hover)!important;
    background-color:rgba(255,255,255,.03);
    transform:translateX(5px)
}
.category-widget-list a.active{
    color:var(--imperial-gold)!important;
    font-weight:700
}
.category-widget-list a.view-all-cats{
    color:var(--imperial-gold-hover)!important;
    font-weight:600;
    text-align:center;
    padding-top:15px
}
body .shop-top-bar{
    background:var(--imperial-surface)!important;
    border:1px solid var(--imperial-border)!important;
    border-radius:8px;
    padding:.75rem 1.25rem;
    margin-bottom:2rem
}
body .shop-top-bar p.text-muted{
    color:var(--imperial-text-muted)!important
}
body .fodo-pagination .page-item a.page-link,body .fodo-pagination .page-item span.page-link{
    background-color:var(--imperial-surface);
    border-color:var(--imperial-border);
    color:var(--imperial-offwhite);
    box-shadow:none!important
}
body .fodo-pagination .page-item a.page-link:hover{
    background-color:#2c2c2c;
    border-color:var(--imperial-gold);
    color:var(--imperial-gold)
}
body .fodo-pagination .page-item.active .page-link{
    background-color:var(--imperial-gold);
    border-color:var(--imperial-gold);
    color:var(--imperial-dark-bg);
    font-weight:700
}
body .fodo-pagination .page-item.disabled span.page-link{
    color:#444
}
body .alert-info{
    background-color:rgba(13,110,253,.1);
    border-color:rgba(13,110,253,.2);
    color:var(--imperial-info)
}
body .imperial-form .form-control,body .imperial-form .nice-select{
    background-color:var(--imperial-dark-bg)!important;
    border:1px solid var(--imperial-border)!important;
    color:var(--imperial-white)!important;
    border-radius:4px;
    height:auto;
    padding:.65rem 1rem;
    line-height:1.5;
    width:100%
}
body .imperial-form .form-control::placeholder{
    color:var(--imperial-text-muted)
}
body .imperial-form .form-control:focus,body .imperial-form .nice-select.open{
    border-color:var(--imperial-gold)!important;
    box-shadow:0 0 0 .25rem rgba(212,175,55,.25)!important;
    background-color:#1c1c1c!important
}
body .imperial-form select.bs-native-select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--imperial-dark-bg)!important;
    border:1px solid var(--imperial-border)!important;
    color:var(--imperial-white)!important;
    padding:.75rem 2.5rem .75rem 1rem!important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D4AF37' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
    background-repeat:no-repeat!important;
    background-position:right 1rem center!important;
    background-size:16px 12px!important;
    border-radius:4px
}
body .imperial-form select.bs-native-select:focus{
    border-color:var(--imperial-gold)!important;
    box-shadow:0 0 0 .25rem rgba(212,175,55,.25)!important
}
body .imperial-form input[type=file].form-control{
    color:var(--imperial-text-muted)
}
body .imperial-form input[type=file].form-control::file-selector-button{
    background-color:var(--imperial-border);
    color:var(--imperial-offwhite);
    border:none;
    padding:.75rem 1rem;
    margin:-.75rem -1rem;
    margin-right:1rem;
    transition:background-color .2s
}
body .imperial-form input[type=file].form-control:hover::file-selector-button{
    background-color:#444
}
#searchModal .modal-content{
    background-color:var(--imperial-dark-panel);
    border:1px solid var(--imperial-border);
    color:var(--imperial-offwhite);
    border-radius:8px
}
#searchModal .modal-header{
    border-bottom:1px solid var(--imperial-border)
}
#searchModal .modal-title{
    color:var(--imperial-gold);
    font-weight:600
}
#searchModal .btn-close{
    filter:invert(1) grayscale(100%) brightness(2)
}
#searchModal .form-control{
    background-color:var(--imperial-dark-bg);
    border:1px solid var(--imperial-border);
    color:var(--imperial-white);
    padding:.75rem 1.25rem
}
#searchModal .form-control:focus{
    background-color:#1a1a1a;
    border-color:var(--imperial-gold);
    box-shadow:0 0 0 .25rem rgba(212,175,55,.25);
    color:var(--imperial-white)
}
#searchModal .btn-primary{
    background-color:var(--imperial-gold)!important;
    border-color:var(--imperial-gold)!important;
    color:var(--imperial-dark-bg)!important
}

.section-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.section-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--imperial-gold, #d4af37);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 15px;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: var(--imperial-gold, #d4af37);
    border-radius: 3px;
}

.view-all-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--imperial-text-muted, #aaa);
    text-decoration: none;
    border: 1px solid var(--imperial-border, #444);
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.3s ease;
    background-color: var(--imperial-surface, #2a2a2a);
}

.view-all-link:hover {
    background-color: var(--imperial-gold, #d4af37);
    border-color: var(--imperial-gold, #d4af37);
    color: var(--imperial-dark-bg, #121212);
}

@media (min-width: 576px) {
    .section-title-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .view-all-link {
        position: absolute;
        right: 0;
    }
}

@media (max-width: 575px) {
    .section-title {
        font-size: 1.8rem;
    }
    .view-all-link {
        display: block;
        margin-top: 15px;
    }
}

.d-flex {
    display: flex;
}

.product-card-v2.w-100 {
    height: 100%;
}

.product-card-v2 {
    display: flex;
    flex-direction: column;
}

.product-card-v2 .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.product-card-v2 .card-body .flex-grow-1 {
    flex-grow: 1;
}

.product-card-v2 .card-footer-price {
    padding: 1rem;
    border-top: 1px solid var(--imperial-border, #333);
    background-color: transparent;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-card-sold-compact {
    background-color: var(--imperial-surface);
    border: 1px solid var(--imperial-border);
    border-radius: 8px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    text-align: center;
    overflow: hidden;
}

.product-card-sold-compact:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.product-card-sold-compact .product-card-image-container {
    position: relative;
    overflow: hidden;
}

.product-card-sold-compact .product-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    filter: grayscale(80%);
    transition: filter 0.3s ease;
}

.product-card-sold-compact:hover .product-card-image {
    filter: grayscale(0%);
}

.product-card-sold-compact .product-card-image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
    z-index: 1;
}

.sold-badge-compact {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: var(--imperial-success);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: bold;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.product-card-sold-compact .card-body {
    padding: 0.75rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card-sold-compact .card-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0;
    color: var(--imperial-offwhite);
}

.product-card-sold-compact .card-title a {
    color: inherit;
    text-decoration: none;
}

.product-card-sold-compact .card-title a:hover {
    color: var(--imperial-gold);
}

.product-card-sold-compact .card-footer {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid var(--imperial-border);
    padding: 0.5rem;
    font-size: 0.9rem;
}

.product-card-sold-compact .price-sold {
    font-weight: 700;
    color: var(--imperial-gold);
}
.product-card-v2 .card-body .product-card-excerpt {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.product-card-v2 .card-body > .seller-info {
    margin-bottom: 0;
}
.product-card-wrapper {
    display: flex;
    align-items: stretch;
}

.product-card-v2 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.product-card-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.product-card-v2 .card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-card-v2 .card-title {
    font-size: 1rem;
    line-height: 1.2;
    min-height: 2.4em;
    margin-bottom: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.product-card-v2 .product-stats {
    min-height: 24px;
    margin-bottom: 0.75rem;
}

.product-card-v2 .product-card-excerpt {
    flex-grow: 1;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--imperial-text-muted);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.product-card-v2 .seller-info {
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--imperial-border-light);
}

.product-card-v2 .card-footer-price {
    padding: 0.75rem 1rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.product-card-sold .product-card-image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(10, 10, 10, 0.6);
    z-index: 2;
}

.sold-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: rgba(220, 53, 69, 0.9);
    color: #fff;
    padding: 10px 25px;
    font-size: 1.5rem;
    font-weight: 700;
    z-index: 3;
    border: 2px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.product-card-sold .price {
    display: none;
}

.card-footer-price .price-sold {
    font-weight: bold;
    color: var(--imperial-text-muted);
    font-size: 0.9rem;
}

.product-card-sold .button-1-alt {
    display: none;
}
.hero-area .row {
  display: flex;
}

.fodo_category_menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 500px;
}

.ltn__category_list {
  flex-grow: 1; 
}

.hero-slider-full2,
.hero-slider-full2 .owl-stage-outer,
.hero-slider-full2 .owl-stage,
.hero-slider-full2 .owl-item,
.hs_item_single2 {
  height: 100%;
}

.hs_item_single2 {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5%;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.feature-icons-section {
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: var(--imperial-dark-bg);
  border-top: 1px solid var(--imperial-border);
  border-bottom: 1px solid var(--imperial-border);
}

.feature-item-v2 {
  padding: 25px 20px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  transition: transform 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-item-v2:hover {
  transform: translateY(-5px);
}

.feature-icon {
  font-size: 48px;
  color: var(--imperial-gold);
  margin-bottom: 25px;
  line-height: 1;
  text-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

.feature-title {
  font-size: 1.2rem;
  color: var(--imperial-white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.feature-content p {
  font-size: 0.95rem;
  color: var(--imperial-text-muted);
  line-height: 1.6;
}
 
.login-register-area .alert.alert-warning {
  background-color: rgba(212, 175, 55, 0.1);  
  border: 1px solid var(--imperial-gold);
  border-radius: 8px;
  color: var(--imperial-offwhite);
  text-align: left;  
}

.login-register-area .alert-warning .alert-heading {
  color: var(--imperial-gold);  
  font-size: 1.25rem;
  font-weight: 700;
}

.login-register-area .alert-warning p {
  color: var(--imperial-text-muted); 
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

.login-register-area .alert-warning strong {
  color: var(--imperial-white);  
  font-weight: 600;
}

.login-register-area .alert-warning hr {
  border-top: 1px solid rgba(212, 175, 55, 0.3);  
}
 
.login-register-area .alert-warning .btn.btn-success {
  background-color: #28a745;  
  border-color: #28a745;
  color: #fff;
  font-weight: bold;
  transition: all 0.3s ease;
}

.login-register-area .alert-warning .btn.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
  transform: scale(1.05);
}
 
.login-register-area p.text-muted {
    font-style: italic;
    font-size: 0.9rem;
}

.sidebar-widget.safety-tips-widget ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  line-height: 1.6;
  font-size: 0.95rem;
}

.sidebar-widget.safety-tips-widget ul li i {
  flex-shrink: 0;
  margin-top: 4px;
  color: #28a745;
}

.sidebar-widget.safety-tips-widget ul li::after {
  content: "";
  flex: 1;
}
.sidebar-widget.safety-tips-widget ul li span a {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}

.sidebar-widget.safety-tips-widget ul li span a:hover {
  color: var(--imperial-gold);
  text-decoration: none;
}

body.admin-body {
    background-color: #f8f9fa;
    font-size: 0.9rem;
}

.admin-header {
}
.admin-navigation-bar .nav-link.active {
    font-weight: bold;
}

.admin-main-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.admin-main-content h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 1.75rem;
}
.admin-main-content h3 {
    font-size: 1.4rem;
    margin-top: 25px;
    margin-bottom: 15px;
}

.table-default {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}
.table-default th,
.table-default td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table-default thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #e9ecef;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.06);
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dashboard-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}
.stat-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 20px;
    flex: 1;
    min-width: 200px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.stat-card h3 {
    margin-top: 0;
    font-size: 1.1rem;
    color: #555;
}
.stat-card p {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.stat-card a {
    font-size: 0.9rem;
    color: #007bff;
}

.quick-actions ul {
    list-style: none;
    padding: 0;
}
.quick-actions ul li {
    margin-bottom: 10px;
}
.quick-actions .btn {
    margin-right: 10px;
}

.form-styled {
    background-color: #fdfdfd;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 20px;
}
.form-styled .form-group {
    margin-bottom: 1rem;
}
.form-styled label {
    font-weight: 500;
}
.form-control-file { 
    display: block;
    width: 100%;
}
.code-area {
    font-family: monospace;
    background-color: #e9ecef;
    font-size: 0.85em;
}

.flash-message {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 4px;
}
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba;}
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}

.status-text-pending { color: #ffc107; font-weight: bold; }
.status-text-en_venta { color: #28a745; font-weight: bold; }
.status-text-vendido { color: #6c757d; }
.status-text-eliminado { color: #dc3545; text-decoration: line-through; }

.table-ads-admin .actions-cell .btn-group-sm .btn,
.table-ads-admin .actions-cell .btn-group-sm .form-control-sm {
    margin-bottom: 5px;
}

.pagination-nav .pagination {
    justify-content: center;
}
/* ==========================================================================
   CSS para Tarjetas de Producto de Tamaño Fijo y Consistente (v5 - Final con Especificidad Aumentada)
   ========================================================================== */

/* 1. Contenedor de la columna: Asegura que flexbox se aplique correctamente */
.product-card-wrapper {
    display: flex;
    align-items: stretch;
}

/* 2. La tarjeta principal: será un contenedor flex que crecerá */
.product-card-v2 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* 3. Contenedor de la imagen */
.product-card-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #111; /* Color de fondo oscuro para los espacios vacíos */
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 4. La imagen dentro del contenedor (SELECTOR CORREGIDO Y MÁS ESPECÍFICO) */
.card.product-card-v2 .product-card-image-container .product-card-image {
    width: 100%;
    height: 100%;
    
    /* ¡LA CORRECCIÓN MÁGICA! */
    object-fit: contain !important; /* Usamos contain y !important para máxima prioridad */
    
    object-position: center;
    transition: transform 0.3s ease-in-out;
}

.product-card-v2:hover .product-card-image {
    transform: scale(1.05);
}

/* 5. Cuerpo de la tarjeta: el contenedor principal del texto */
.product-card-v2 .card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 6. Título: altura mínima para evitar saltos de layout */
.product-card-v2 .card-title {
    font-size: 1rem;
    line-height: 1.25;
    min-height: 2.5em;
    margin-bottom: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

/* 7. Estadísticas: altura consistente */
.product-card-v2 .product-stats {
    min-height: 24px;
    margin-bottom: 0.75rem;
}

/* 8. Descripción: el elemento flexible que se estira */
.product-card-v2 .product-card-excerpt {
    flex-grow: 1; 
    margin-bottom: 1rem;
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--imperial-text-muted);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

/* 9. Info del vendedor: se alinea al final */
.product-card-v2 .seller-info {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--imperial-border);
}

/* 10. Pie de página (precio): se mantiene consistente */
.product-card-v2 .card-footer-price {
    padding: 0.75rem 1rem;
    background-color: rgba(0, 0, 0, 0.2);
}
/* ==========================================================================
   CSS para Tarjetas de Producto (v6 - Solución Final)
   ========================================================================== */

/* 1. Contenedor de la columna */
.product-card-wrapper {
    display: flex;
    align-items: stretch;
}

/* 2. La tarjeta principal */
.product-card-v2 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* 3. Contenedor de la imagen: Altura fija y fondo oscuro */
.product-card-image-container {
    position: relative;
    width: 100%;
    height: 220px; /* <--- ALTURA FIJA. Ajusta este valor si lo necesitas. */
    overflow: hidden;
    background-color: #111; /* Color de fondo para los espacios vacíos */
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/* 4. La imagen dentro del contenedor (EL CAMBIO MÁS IMPORTANTE) */
.product-card-v2 .product-card-image {
    /* La imagen no debe tener un tamaño fijo, debe ser flexible */
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; /* <-- Esto asegura que la imagen nunca se salga del contenedor */
    
    /* object-fit ya no es necesario con esta configuración, pero lo dejamos por si acaso */
    object-fit: contain; 
    
    transition: transform 0.3s ease-in-out;
}

.product-card-v2:hover .product-card-image {
    transform: scale(1.05);
}

/* El resto del CSS para el cuerpo y pie de la tarjeta sigue igual */
.product-card-v2 .card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-card-v2 .card-title {
    font-size: 1rem;
    line-height: 1.25;
    min-height: 2.5em;
    margin-bottom: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.product-card-v2 .product-stats {
    min-height: 24px;
    margin-bottom: 0.75rem;
}

.product-card-v2 .product-card-excerpt {
    flex-grow: 1;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--imperial-text-muted);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.product-card-v2 .seller-info {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--imperial-border);
}

.product-card-v2 .card-footer-price {
    padding: 0.75rem 1rem;
    background-color: rgba(0, 0, 0, 0.2);
}

/* ===================================================================
   ESTILOS PERSONALIZADOS PARA EL MENÚ LATERAL MÓVIL (OFF-CANVAS)
   =================================================================== */

/* Contenedor principal del menú */
.offcanvas_menu_wrapper {
    background-color: var(--imperial-surface); /* Fondo oscuro del tema */
    border-right: 1px solid var(--imperial-border);
    padding: 25px;
    margin-left: -300px; /* Mantiene la animación de deslizamiento */
}

/* Estado activo cuando el menú está visible */
.offcanvas_menu_wrapper.active {
    margin-left: 0;
    box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.5); /* Sombra para darle profundidad */
}

/* Botón para cerrar el menú */
.offcanvas_menu .canvas_close a {
    color: var(--imperial-text-muted);
    font-size: 28px;
    transition: color 0.3s, transform 0.3s;
}

.offcanvas_menu .canvas_close a:hover {
    color: var(--imperial-gold);
    transform: rotate(90deg);
}

/* Logo dentro del menú */
.mobile-logo img {
    max-height: 50px; /* Ajusta el tamaño del logo si es necesario */
}

/* Lista principal del menú */
.offcanvas_main_menu {
    margin-top: 20px;
}

/* Enlaces principales del menú */
.offcanvas_main_menu > li > a {
    color: var(--imperial-offwhite);
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    display: block;
    transition: color 0.2s;
}

.offcanvas_main_menu > li > a:hover {
    color: var(--imperial-gold);
}

/* Enlace especial "PUBLICAR" */
.offcanvas_main_menu > li > a.text-warning {
    color: var(--imperial-gold) !important; /* Usar variable del tema */
    font-size: 1.3rem !important;
}

/* Separadores horizontales */
.offcanvas_main_menu hr {
    border-color: var(--imperial-border);
    opacity: 0.25;
    margin: 15px 0;
}

/* Flecha para desplegar submenús */
.offcanvas_main_menu .menu-expand {
    position: absolute;
    right: 5px;
    top: 0;
    height: 48px;
    width: 40px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    color: var(--imperial-text-muted);
    transition: color 0.2s, transform 0.3s;
}

.offcanvas_main_menu .menu-expand:hover {
    color: var(--imperial-white);
}

/* Rotación de la flecha cuando el submenú está abierto */
.offcanvas_main_menu li.menu-open > .menu-expand {
    transform: rotate(180deg);
}

/* Contenedor de submenús */
.offcanvas_main_menu .sub-menu {
    padding-left: 20px;
    border-left: 1px solid var(--imperial-border);
    margin-top: 5px;
    margin-left: 5px;
}

/* Enlaces dentro de submenús */
.offcanvas_main_menu .sub-menu li a {
    color: var(--imperial-text-muted);
    font-size: 1rem;
    padding: 8px 0;
    display: block;
    font-weight: 500;
}

.offcanvas_main_menu .sub-menu li a:hover {
    color: var(--imperial-gold);
}

/* ==========================================================================
   ESTILOS PARA TÍTULOS DE SECCIÓN CON ENLACE "VER TODAS"
   ========================================================================== */

/* Contenedor principal para alinear el título y el enlace */
.section-title-wrapper {
  position: relative; /* Clave para el posicionamiento absoluto del enlace */
  display: flex;
  justify-content: center; /* Centra el título por defecto */
  align-items: center;
  flex-wrap: wrap; /* Permite que el enlace pase a la siguiente línea en móviles */
  margin-bottom: 2.5rem; /* Ajusta el valor según necesites */
}

/* Título de la sección */
.section-title {
  font-size: clamp(1.8rem, 5vw, 2.2rem); /* Tamaño de fuente adaptable */
  font-weight: 700;
  color: var(--imperial-gold, #d4af37);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-bottom: 15px;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

/* Línea dorada decorativa debajo del título */
.section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background: var(--imperial-gold, #d4af37);
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); /* Sutil brillo dorado */
}

/* Enlace "Ver Todas" */
.view-all-link {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--imperial-text-muted, #aaa);
  text-decoration: none;
  border: 1px solid var(--imperial-border, #444);
  padding: 8px 18px;
  border-radius: 50px; /* Bordes redondeados para un look moderno */
  transition: all 0.3s ease;
  background-color: var(--imperial-surface, #2a2a2a);
  display: inline-flex; /* Para alinear el icono y el texto */
  align-items: center;
  gap: 8px; /* Espacio entre el texto y el icono */
}

.view-all-link:hover {
  background-color: var(--imperial-gold, #d4af37);
  border-color: var(--imperial-gold, #d4af37);
  color: var(--imperial-dark-bg, #121212);
  transform: translateY(-2px) scale(1.05); /* Efecto de elevación sutil */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}

.view-all-link i {
  transition: transform 0.3s ease;
}

.view-all-link:hover i {
  transform: translateX(5px); /* La flecha se mueve al pasar el ratón */
}

/* Media Query para pantallas más grandes (tablets y escritorio) */
@media (min-width: 768px) {
  .section-title-wrapper {
    justify-content: center;
  }
  
  /* Posicionamiento absoluto del enlace a la derecha */
  .view-all-link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* Media Query para pantallas pequeñas (móviles) */
@media (max-width: 767.98px) {
  .section-title-wrapper {
    flex-direction: column; /* Apila el título y el enlace */
    gap: 15px; /* Espacio entre el título y el enlace */
  }

  .view-all-link {
    display: inline-block; /* Ocupa solo el espacio necesario */
  }
}

/* Añadir al final de assets/css/custom_imperial.css */
.product-card-v2 .product-stats {
    display: flex;
    align-items: center; /* Alinea verticalmente los items */
    flex-wrap: wrap;
    gap: 15px;
    color: var(--imperial-text-muted);
}

.product-card-v2 .product-stats .stat-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
}

.product-card-v2 .product-stats .stat-item i {
    font-size: 0.9rem;
}

/* Estilos para iconos sociales de contacto */
.social-contact-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.social-contact-icons a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    background-color: var(--imperial-dark-bg);
    border: 1px solid var(--imperial-border);
    border-radius: 50%; /* Esto los hace circulares */
    color: var(--imperial-text-muted);
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    font-size: 1rem;
    text-decoration: none;
}

.social-contact-icons a:hover {
    transform: translateY(-2px);
    color: #fff !important; /* El icono se vuelve blanco */
}

/* Colores de hover para cada red social */
.social-contact-icons .whatsapp:hover { background-color: #25D366; border-color: #25D366; }
.social-contact-icons .telegram:hover { background-color: #0088cc; border-color: #0088cc; }
.social-contact-icons .facebook:hover { background-color: #1877F2; border-color: #1877F2; }
.social-contact-icons .line:hover { background-color: #00B900; border-color: #00B900; }
.social-contact-icons .weixin:hover, .social-contact-icons .wechat:hover { background-color: #09B83E; border-color: #09B83E; }
.social-contact-icons .email:hover { background-color: #c71610; border-color: #c71610; }

/* --- ESTILOS CORREGIDOS PARA EL PIE DE LA TARJETA --- */
.card-footer-price {
    display: flex;
    justify-content: space-between;
    align-items: baseline; /* Alinea los elementos por su línea base de texto */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Contenedor para el precio y las vistas */
.card-footer-price .d-flex {
    align-items: baseline; /* Alinea también los elementos internos por la línea base */
    gap: 1rem; /* Espacio entre el precio y las vistas */
}

/* Estilo para el PRECIO */
.card-footer-price .price {
    font-size: 1.25rem; /* Tamaño de fuente principal */
    font-weight: 700;
    color: var(--imperial-gold);
    line-height: 1; /* Asegura que no tenga espacio extra vertical */
}

/* Estilo para el CONTADOR DE VISTAS */
.product-views-footer {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 1rem; /* Tamaño de fuente ligeramente más pequeño pero balanceado */
    font-weight: 500;
    color: var(--imperial-text-muted);
    transition: color 0.2s;
    line-height: 1;
}

.product-views-footer .fa-eye {
    color: var(--imperial-info);
}

.product-card-v2:hover .product-views-footer {
    color: var(--imperial-offwhite);
}

/* Estilo para el botón "Ver" */
.card-footer-price .button-1-alt {
    align-self: center; /* Centra el botón verticalmente si es necesario */
}

/* ==============================================================
   29 · CORRECCIONES PÁGINA DE PERFIL (V2 - CON FLEXBOX)
   ============================================================== */

/* Contenedor principal que usa Flexbox para el layout */
.profile-layout-wrapper {
    display: flex;
    flex-wrap: wrap; /* Permite que el contenido pase abajo en móviles */
    gap: 30px; /* Espacio entre la barra lateral y el contenido */
}

/* Barra lateral del perfil */
.profile-sidebar {
    flex: 0 0 280px; /* No crece, no se encoge, ancho base de 280px */
    width: 280px;
}

/* Contenido principal del perfil */
.profile-content {
    flex: 1; /* Ocupa el espacio restante */
    min-width: 0; /* Previene desbordamiento en contenedores flex */
}

/* Contenedor de la navegación del perfil */
.fodo-profile-nav {
    background-color: var(--imperial-surface);
    border: 1px solid var(--imperial-border);
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* Lista de navegación (UL) */
.fodo-profile-nav .nav-pills {
    width: 100%;
}

/* Cada item del menú (LI) */
.fodo-profile-nav .nav-item {
    margin-bottom: 5px;
}
.fodo-profile-nav .nav-item:last-child {
    margin-bottom: 0;
}

/* Enlaces del menú (A) */
.fodo-profile-nav .nav-link {
    color: var(--imperial-offwhite);
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
}

.fodo-profile-nav .nav-link i {
    margin-right: 12px;
    width: 20px;
    text-align: center;
    color: var(--imperial-text-muted);
    transition: color 0.2s ease-in-out;
}

/* Efecto Hover en los enlaces */
.fodo-profile-nav .nav-link:hover {
    background-color: rgba(212, 175, 55, 0.1);
    color: var(--imperial-gold-hover);
    border-color: var(--imperial-border);
}

.fodo-profile-nav .nav-link:hover i {
    color: var(--imperial-gold-hover);
}

/* Estilo del enlace ACTIVO */
.fodo-profile-nav .nav-link.active {
    background-color: var(--imperial-gold);
    color: var(--imperial-dark-bg) !important;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.2);
}

.fodo-profile-nav .nav-link.active i {
    color: var(--imperial-dark-bg) !important;
}

/* Separadores entre grupos de enlaces */
.fodo-profile-nav .nav-item.border-top {
    border-top-color: var(--imperial-border) !important;
}

/* Enlace especial de "Panel de Staff" */
.fodo-profile-nav .nav-link.list-group-item-warning {
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: var(--imperial-warning);
}

.fodo-profile-nav .nav-link.list-group-item-warning:hover {
    background-color: rgba(255, 193, 7, 0.2);
    border-color: var(--imperial-warning);
}

/* Enlace de "Cerrar Sesión" */
.fodo-profile-nav .nav-link.text-danger {
    color: var(--imperial-danger) !important;
}

.fodo-profile-nav .nav-link.text-danger:hover {
    background-color: rgba(255, 77, 77, 0.1);
    border-color: var(--imperial-danger);
}

/* Media Query para hacer el layout adaptable en pantallas más pequeñas */
@media (max-width: 991px) {
    .profile-sidebar {
        flex-basis: 100%; /* La barra lateral ocupa todo el ancho */
        width: 100%;
    }
    .profile-content {
        flex-basis: 100%; /* El contenido ocupa todo el ancho */
    }
}

/* ==============================================================
   30 · ESTILOS DEFINITIVOS PARA TARJETAS DE PRODUCTO (V2)
   ============================================================== */

/* Contenedor principal de la tarjeta */
.product-card-v2 {
    background-color: var(--imperial-surface) !important; /* Fondo del panel oscuro */
    border: 1px solid var(--imperial-border) !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.product-card-v2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.2);
    border-color: var(--imperial-gold);
}

/* Cuerpo de la tarjeta (donde va el texto) */
.product-card-v2 .card-body {
    background-color: transparent; /* El cuerpo no necesita su propio fondo */
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Permite que el pie de página se alinee abajo */
}

/* Pie de la tarjeta (donde va el precio) */
.product-card-v2 .card-footer-price {
    background-color: rgba(0, 0, 0, 0.2); /* Un fondo ligeramente diferente para el pie */
    border-top: 1px solid var(--imperial-border);
    padding: 0.75rem 1rem;
}

/* Se asegura de que el texto dentro del cuerpo y pie tenga el color correcto */
.product-card-v2 .card-title a,
.product-card-v2 .product-stats,
.product-card-v2 .seller-info {
    color: var(--imperial-offwhite);
}

.product-card-v2 .card-title a:hover {
    color: var(--imperial-gold-hover);
}

.product-card-v2 .seller-info a {
    color: var(--imperial-text-muted);
}
.product-card-v2 .seller-info a:hover {
    color: var(--imperial-gold-hover);
}

.product-card-v2 .price {
    color: var(--imperial-gold);
}

/* ==============================================================
   31 · ESTILOS DEFINITIVOS PARA TARJETAS DE EQUIPO (V2)
   ============================================================== */

/* Contenedor de la columna de Bootstrap */
.team-list-section .col-lg-3 {
    display: flex; /* Permite que la tarjeta interna use height: 100% */
    align-items: stretch;
}

/* Tarjeta principal del miembro del equipo */
.team-item {
    background-color: var(--imperial-surface) !important;
    border: 1px solid var(--imperial-border) !important;
    border-radius: 8px !important;
    padding: 25px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important; /* Ocupa todo el espacio de la columna */
    height: 100% !important;
    text-align: center !important; /* Asegura que todo esté centrado */
    position: relative !important; /* Resetea la posición */
    overflow: hidden !important; /* Resetea el overflow */
}

.team-item:hover {
    transform: translateY(-5px) !important;
    border-color: var(--imperial-gold) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.2) !important;
}

/* Contenedor del avatar */
.team-item .thumbnail {
    margin-bottom: 20px !important;
    width: auto !important; /* Resetea el ancho del tema Fodo */
    height: auto !important; /* Resetea la altura del tema Fodo */
    border-radius: 0 !important; /* Resetea el borde del tema Fodo */
    overflow: visible !important; /* Resetea el overflow */
    position: static !important; /* Resetea la posición */
}

/* Imagen del avatar */
.team-item .thumbnail img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid var(--imperial-gold) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}

/* Contenido de la tarjeta (nombre, rol, botón) */
.team-item .content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important; /* Resetea el padding del tema Fodo */
}

/* Nombre del miembro */
.team-item .content h2 {
    font-size: 1.25rem !important;
    margin-bottom: 5px !important;
    color: var(--imperial-white) !important;
}

.team-item .content h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.team-item .content h2 a:hover {
    color: var(--imperial-gold-hover) !important;
}

/* Rol del miembro */
.team-item .content p {
    font-size: 0.9rem !important;
    color: var(--imperial-text-muted) !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    flex-grow: 1 !important; /* Ocupa el espacio disponible */
}

/* Botón de contacto */
.team-item .content .btn {
    margin-top: auto !important;
    background-color: var(--imperial-success) !important;
    border: none !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    border-radius: 6px !important;
}

.team-item .content .btn:hover {
    background-color: #22a251 !important;
    transform: scale(1.05) !important;
}

/* ==============================================================
   24 · ESTILOS PARA PÁGINA DE PRODUCTOS (V4 - CORRECCIÓN FILTROS)
   ============================================================== */

body .shop-page-area {
    background-color: transparent !important;
}

/* Contenedor principal de la barra lateral */
body .sidebar-widget-area {
    background: var(--imperial-surface) !important;
    border: 1px solid var(--imperial-border) !important;
    border-radius: 8px;
    padding: 25px;
    color: var(--imperial-offwhite);
}

/* Título principal "Filtros" */
body .sidebar-widget-area .sidebar-widgets h2 {
    color: var(--imperial-white) !important;
    font-weight: 600;
    font-size: 1.25rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid var(--imperial-border);
}

body .sidebar-widgets h2::after {
    display: none !important;
}

/* Títulos de cada grupo de filtros (ORDENAR POR, RANGO DE PRECIO) */
.imperial-filter-form .filter-title {
    color: var(--imperial-gold) !important;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 0.75rem;
}

/* Contenedor de inputs (Min/Max) */
.imperial-filter-form .range-inputs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.imperial-filter-form .range-inputs span {
    color: var(--imperial-text-muted);
}

/* Estilos para todos los campos del formulario de filtros */
.imperial-filter-form .form-control,
.imperial-filter-form .form-select {
    background-color: var(--imperial-dark-bg) !important;
    border: 1px solid #444 !important;
    color: var(--imperial-white) !important;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    border-radius: 4px;
}

.imperial-filter-form .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D4AF37' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.imperial-filter-form .form-control::placeholder { color: #777; }
.imperial-filter-form .form-control:focus,
.imperial-filter-form .form-select:focus {
    border-color: var(--imperial-gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Botones de filtro */
.imperial-filter-form .filter-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 2rem;
}
.imperial-filter-form .button-1,
.imperial-filter-form .btn-limpiar {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border-radius: .25rem;
    transition: all 0.3s;
}
.imperial-filter-form .btn-limpiar {
    border: 1px solid #555;
    color: var(--imperial-offwhite);
    background: transparent;
}
.imperial-filter-form .btn-limpiar:hover {
    background: #444;
    color: var(--imperial-white);
    border-color: #666;
}

/* Lista de categorías en la barra lateral */
.category-widget-list { list-style: none; padding: 0; margin: 0; }
.category-widget-list li { border-bottom: 1px solid var(--imperial-border); }
.category-widget-list li:last-child { border-bottom: none; }
.category-widget-list a { color: var(--imperial-offwhite) !important; display: block; padding: 12px 5px; transition: all 0.2s ease-in-out; }
.category-widget-list a:hover { color: var(--imperial-gold-hover) !important; background-color: rgba(255, 255, 255, 0.03); transform: translateX(5px); }
.category-widget-list a.active { color: var(--imperial-gold) !important; font-weight: 700; }
.category-widget-list a.view-all-cats { color: var(--imperial-gold-hover) !important; font-weight: 600; text-align: center; padding-top: 15px; }

/* Barra superior (Mostrando X de Y resultados) */
body .shop-top-bar {
    background: var(--imperial-surface) !important;
    border: 1px solid var(--imperial-border) !important;
    border-radius: 8px;
    padding: 0.75rem 1.25rem;
    margin-bottom: 2rem;
}
body .shop-top-bar p.text-muted {
    color: var(--imperial-text-muted) !important;
}

/* Paginación */
body .fodo-pagination .page-item a.page-link,
body .fodo-pagination .page-item span.page-link {
    background-color: var(--imperial-surface);
    border-color: var(--imperial-border);
    color: var(--imperial-offwhite);
    box-shadow: none !important;
}
body .fodo-pagination .page-item a.page-link:hover {
    background-color: #2c2c2c;
    border-color: var(--imperial-gold);
    color: var(--imperial-gold);
}
body .fodo-pagination .page-item.active .page-link {
    background-color: var(--imperial-gold);
    border-color: var(--imperial-gold);
    color: var(--imperial-dark-bg);
    font-weight: 700;
}

/* ==============================================================
   32 · ESTILOS PARA ACCIONES DE STAFF EN PÁGINA DE PRODUCTO
   ============================================================== */

.staff-actions-widget {
    background-color: rgba(255, 193, 7, 0.05) !important; /* Fondo amarillo muy sutil */
    border: 1px solid var(--imperial-warning) !important;
}

.widget-title-staff {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--imperial-warning);
    text-align: center;
    margin-bottom: 1rem;
    letter-spacing: 0.5px;
}

.staff-actions-widget .btn {
    font-weight: 600;
}

/* --- CSS para la nueva tarjeta de producto --- */
.seller-info-grid {
    display: grid;
    grid-template-columns: 1fr; /* Una columna por defecto */
    gap: 4px;
    align-items: center;
}

.seller-info-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.seller-info-item i {
    color: var(--imperial-gold);
}

/* En tarjetas más grandes, podemos ponerlos lado a lado */
@media (min-width: 1200px) {
    .product-card-wrapper .seller-info-grid {
        grid-template-columns: 1fr 1fr; /* Dos columnas en pantallas grandes */
    }
}

.price .commission-tag {
    font-size: 0.7em;
    font-weight: bold;
    color: var(--imperial-warning);
    margin-left: 4px;
    vertical-align: super;
}

/* =======================================================
   ESTILOS PARA SECCIÓN DE OFERTAS Y BADGE DE COUNTDOWN
   ======================================================= */

.bg-offers {
    background: radial-gradient(ellipse at bottom, #3a2a0a 0%, #0a0b0f 80%);
    border-top: 1px solid var(--imperial-gold-hover);
    border-bottom: 1px solid var(--imperial-gold-hover);
}

.section-title-offers {
    font-size: 2.5rem;
    color: var(--imperial-gold-hover);
    text-shadow: 0 0 15px var(--imperial-gold);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product-card-v4 .countdown-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-color: rgba(220, 53, 69, 0.85); /* Rojo para urgencia */
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    gap: 5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.product-card-v4 .countdown-badge .fa-stopwatch {
    font-size: 0.9em;
}

.product-card-v4 .countdown-badge .time-text {
    letter-spacing: 0.5px;
}