/*--product-detail SLIDER--*/
.product-detail-slider { 
    height: 850px; 
    width:100%; 
    position: relative; 
    padding-top: 24px; 
    padding-left:90px; 
    padding-right:90px;
}
.product-detail-slider .zoom-icon{ 
    position: absolute; 
    top: 90px; 
    left: 15px; 
    display: none; 
} 
.product-detail-slider .zoom-icon ul{ 
    width: 100%; 
    float: left; 
}
.product-detail-slider .zoom-icon ul li { 
    float: left; 
}
.product-detail-slider .zoom-icon ul li a { 
    width: 34px; 
    height: 34px; 
    border: 1px solid #929292; 
    color: #929292; 
    border-radius: 50%; 
    display: block; 
    line-height: 34px; 
    cursor: pointer; 
    text-align: center; 
}
.product-detail-slider .slick-dots { 
    display: none !important; 
}
.product-detail-slider .slick-dots li button { 
    width:10px; 
    height: 10px; 
    background: #9b9fa7; 
}
.product-detail-slider .slick-dots li.slick-active button { 
    background:#595d66; 
}
.product-detail-slider .slick-slider { 
    height:100%; 
    width:40%; 
}
.product-detail-slider .slick-slider .slick-list { 
    height:100%; 
    width:100%; 
}
.product-detail-slider .slick-slider .slick-list .slick-track { 
    height: auto; 
    width:100%; 
}
.product-detail-slider .slick-slider .slick-list .slick-track .slick-slide { 
    position:relative; 
    background-size:cover !important; 
    top: 100px!important;
}
/*--product-detail SLIDER CONTENT--*/
.product-slider-content { 
    width: 45%; 
    position: absolute; 
    top: 18%; 
    z-index: 100; 
    right: 9%; 
}
.product-slider-content .product-title{ 
    text-transform: uppercase; 
    font-size: 18px; 
    color: #333; 
    font-weight: 700; 
    margin-bottom: 8px; 
}
.price { 
    font-size: 14px; 
    color: #333; 
    width: 100%; 
    margin-bottom: 15px; 
}
.price .sale-price { 
    color: #ff0000; 
    margin-left: 5px; 
    font-size: 16px; 
}
.product-slider-content .nav-tabs li a { 
    border-radius:0px; 
    background-color: transparent; 
    color:#ababab; 
    font-weight: 600; 
    text-transform: uppercase; 
    padding: 2px 0px; 
    margin-right: 15px; 
}
.product-slider-content .nav-tabs { 
    border-color: transparent; 
    margin-top: 0px; 
}
.nav-justified > li > a { 
    margin:0px;  
}
.tab-content:after { 
    clear: both; 
    content: ""; 
    display: block; 
}
.product-slider-content .tab-content { 
    text-align: left; 
    margin: 10px 0px 40px; 
    float: left; 
    padding: 0px; 
    max-height: 220px; 
    overflow-y: auto; 
    line-height: 22px; 
    width:100% 
}
.product-slider-content .tab-content a {
    color: #000;
}
.product-slider-content .tab-content a:hover {
    color: #9d9d9d;
}
.product-slider-content .nav-tabs > li > a, 
.product-slider-content .nav-tabs > li > a:focus, 
.product-slider-content .nav-tabs > li > a:hover { 
    border:0px; 
}
.product-slider-content .nav-tabs li.active a{ 
    border-bottom: 1px solid #282b30; 
    color: #282b30; 
}
/*--END product-detail SLIDER CONTENT--*/
.btn-group-quantity {
    position: relative; 
    display: inline-block; 
    vertical-align: middle;
}
.product-slider-content .form-group { 
    width: 100%; 
}
.product-slider-content .quantity-btn { 
    background-color: #5d5d5d; 
    position: relative; 
    float: left; 
    height: 40px
}
.product-slider-content .quantity-btn .minus { 
    left:0px; 
    left: 2px; 
    border-right: 1px solid #fff !important; 
}
.product-slider-content .quantity-btn .plus { 
    border-left: 1px solid #fff !important; 
}
.product-slider-content .quantity-btn .minus, 
.product-slider-content .quantity-btn .plus {
    width: 38px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 1px;
    line-height: normal;
    padding: 0;
    border: 0;
    color: #fff;
    font-family: "Montserrat";
    font-size: 14px;
    border-radius: 0px;
    background-color: transparent;
    font-weight: 400;
}
.qty-form-control {
    border-radius: 0px;
    padding: 10px 35px;
    height: 40px;
    text-align: center;
    background-color: transparent;
    font-weight: 600;
    width: 100%;
    border:1px solid #fff !important;
    color: #fff;
}
.product-slider-content .form-group ul li a {
    float: left;
    width: 100%;
    cursor: pointer;
    display: block;
    text-align: center !important;
    line-height: 17px;
    text-transform: capitalize;;
    height: 52px;
    color: #fff;
    background-color: #000;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;
    border-radius: 0px;
    border: 1px solid #fff;
    margin-top: 15px;
}
.product-slider-content .form-group ul li a span {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.product-slider-content .form-group ul li a:hover { 
    background:#f6f6f6; 
    color: #000; 
}
.btn-group { 
    width: 100%; 
}
.btn-group .btn {
    text-transform: uppercase;
    text-align: center;
    padding: 0px;
    line-height: 40px !important;
    height: 50px !important;
    font-size: 11px;
    border-radius: 0px;
    font-weight: 600;
}

.btn-group .btn.add-product-cart-btn { 
    width: 49%; 
    color: #fff !important; 
    background: #000000 !important; 
    margin-right: 5px; 
    border-radius: 4px!important;
}
.btn-group .btn.add-product-cart-btn:hover { 
    color: #000000 !important;
    background: #f6f6f6 !important; 
}
.btn-group .btn.add-product-wishlist-btn { 
    width: 49%; 
    color: #fff !important; 
    background: -webkit-gradient(linear, left top, right top, from(#b83806), color-stop(50%, #bf692d), to(#b83806));
    background: linear-gradient(left, #b83806, #bf692d 50%, #b83806);
    background: -webkit-linear-gradient(left, #b83806, #bf692d 50%, #b83806);
}
.btn-group .btn.add-product-wishlist-btn:hover {
    color: #ffffff !important;
    background: #5d5d5d !important; 
}
.product-slider-content .size-content { 
    padding: 20px 0px; 
    border-top: 1px solid #d4d4d4;  
}
.product-slider-content .size-content:after { 
    display: block; 
    content: ""; 
    clear: both; 
}
.product-slider-content .size-content h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
}
.product-slider-content .size-content .size-content-close { 
    position: absolute; 
    right: 0px; 
    cursor: pointer; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    text-align: center; 
}
.product-slider-content .size-content1 .size-content-close { 
    position: absolute; 
    right: 0px; 
    cursor: pointer; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    text-align: center; 
}
.product-slider-content .size-content1 ul { 
    float: left; 
    width: 100%; 
}
.product-slider-content .size-content1 ul li { 
    width: 70px; 
    float: left; 
    margin-right: 1px; 
}
.product-slider-content .size-content ul li.sold-out-size a { 
    cursor: not-allowed; 
    text-decoration: line-through; 
    background: #ccc !important; 
    color: #333 !important; 
}
.product-slider-content .size-content1 ul li a { 
    text-transform: uppercase; 
    color: #000; 
    cursor: pointer; 
    text-align: center; 
    display: block; 
    width: 100%; 
    height: 34px; 
    line-height: 34px; 
    background: #fff; 
}
.product-slider-content .size-content1 ul li a:hover { 
    background: #000; 
    color: #fff; 
}
.product-slider-content .size-content1 ul li a.acitve { 
    background: #000 !important; 
    color: #fff !important; 
}
.product-slider-content .size-content1 .btn-default{ 
    cursor: pointer; 
    display: inline-block; 
    text-transform: uppercase; 
    margin: 15px 0px; 
    font-size: 10px; 
    border: 0px; 
    padding: 0px; 
    border-bottom: 1px solid rgba(40,43,48,.8); 
    letter-spacing: 1px; 
    border-radius: 0px; 
    background-color: transparent; 
}
.product-slider-content .size-content ul { 
    float: left; 
    width: 100%; 
}
.product-slider-content .size-content ul li { 
    width: 70px; 
    float: left; 
    margin-right: 1px; 
}
.product-slider-content .size-content ul li a { 
    text-transform: uppercase; 
    color: #000; 
    cursor: pointer; 
    text-align: center; 
    display: block; 
    width: 100%; 
    height: 34px; 
    line-height: 34px; 
    background: #fff; 
}
.product-slider-content .size-content ul li a:hover { 
    background: #000; 
    color: #fff; 
}
.product-slider-content .size-content ul li a.acitve { 
    background: #000 !important; 
    color: #fff !important; 
}
.product-slider-content .size-content .btn-default{ 
    cursor: pointer; 
    display: inline-block; 
    text-transform: uppercase; 
    margin: 15px 0px; 
    font-size: 10px; 
    border: 0px; 
    padding: 0px; 
    border-bottom: 1px solid rgba(40,43,48,.8); 
    letter-spacing: 1px; 
    border-radius: 0px; 
    background-color: transparent; 
}
/*--PRODUCT ZOOMER MODAL--*/
#product-zoomer-modal .modal-dialog { 
    width: 100%; 
}
#product-zoomer-modal .modal-dialog .modal-body { 
    padding: 0px; 
}
/*--END PRODUCT ZOOMER MODAL--*/

/* Loading spinner styles */
.ajaxloader.wait {
    display: none;
    text-align: center;
    margin: 10px 0;
}

.size-content {
    position: relative;
}

/* Show checkout options */
.showcheck {
    display: none;
}

.showcheck:not(.hidden) {
    display: block !important;
}

.hidden {
    display: none !important;
}

/* ============================================= */
/* MOBILE BOTTOM FIXED BUTTONS */
/* ============================================= */
@media (max-width: 991px) {
    .product-detail-slider {
        padding-bottom: 120px; /* Add padding to prevent content from being hidden behind fixed buttons */
    }
    
    .mobile-fixed-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 15px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    
    .mobile-fixed-buttons .btn,
    .mobile-fixed-buttons a.btn {
        flex: 1;
        text-align: center;
        padding: 12px 5px;
        font-size: 12px;
        border-radius: 4px;
        font-weight: 600;
        text-transform: uppercase;
        height: 50px !important;
        line-height: 26px !important;
        border: none;
        cursor: pointer;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
    
    .mobile-fixed-buttons .btn.add-product-cart-btn,
    .mobile-fixed-buttons a.btn.add-product-cart-btn {
        color: #fff !important;
        background: #000000 !important;
    }
    
    .mobile-fixed-buttons .btn.add-product-cart-btn:hover,
    .mobile-fixed-buttons a.btn.add-product-cart-btn:hover {
        color: #000000 !important;
        background: #f6f6f6 !important;
    }
    
    .mobile-fixed-buttons .btn.add-product-wishlist-btn,
    .mobile-fixed-buttons a.btn.add-product-wishlist-btn {
        color: #fff !important;
        background: linear-gradient(to right, #b83806, #bf692d 50%, #b83806);
    }
    
    .mobile-fixed-buttons .btn.add-product-wishlist-btn:hover,
    .mobile-fixed-buttons a.btn.add-product-wishlist-btn:hover {
        color: #ffffff !important;
        background: #5d5d5d !important;
    }
    
    /* Hide original buttons on mobile */
    .product-slider-content .form-group .btn-group {
        display: none;
    }
}

/* For very small screens, adjust button sizing */
@media (max-width: 480px) {
    .mobile-fixed-buttons {
        gap: 8px;
        padding: 10px;
    }
    
    .mobile-fixed-buttons .btn,
    .mobile-fixed-buttons a.btn {
        font-size: 11px;
        padding: 10px 3px;
        height: 45px !important;
        line-height: 24px !important;
    }
    
    .product-detail-slider {
        padding-bottom: 120px;
    }
}

/* Hide mobile fixed buttons on desktop */
@media (min-width: 992px) {
    .mobile-fixed-buttons {
        display: none;
    }
    
    .showcheck:not(.hidden) {
        display: block;
    }
}

/* ============================================= */
/* RESPONSIVE STYLES */
/* ============================================= */
@media (min-width:992px) and (max-width:1199px){
    .product-detail-slider .slick-slider .slick-list .slick-track .slick-slide { 
        background-position: 32% 50% !important; 
        height: auto;
    }
    .product-slider-content { 
        top: 18%; 
        width:500px; 
    }
}

@media (min-width:0px) and (max-width:991px){ 
    .product-detail-slider {  
        padding-top: 84px; 
        padding-left:0px; 
        padding-right:0px; 
        height: auto;
    }
    .product-detail-slider .slick-slider { 
        height: auto; 
        margin: 0 auto;
        width: 100%;
    }
    .product-detail-slider .slick-dots { 
        bottom: 20px;  
        display: block !important;
    }
    .product-detail-slider .slick-slider .slick-list .slick-track .slick-slide {
        top: 0px!important; 
        margin: 15px 0;
    }

    .product-slider-content { 
        position: static; 
        float: left; 
        width: 100%; 
        padding: 30px 15px; 
        background:#fbfbfb;  
        text-align: center; 
    }
    .qty-form-control{ 
        border: 1px solid #5d5d5d !important; 
        background: #fff; 
        color: #000;
    }
    .product-slider-content .quantity-btn .minus {
        left: 0px;
        color: #fff;
        border-right: 1px solid #fff !important;
    }

    .product-slider-content .quantity-btn .plus { 
        color: #fff; 
        border-left: 1px solid #fff !important; 
    }
    .product-slider-content .form-group ul li{ 
        margin-left: -1px; 
    }
    .product-slider-content .form-group ul li a { 
        border: 1px solid #fff;
    }
    .product-slider-content .size-content ul li a { 
        background: #efefef; 
    }

    .product-slider-content > .form-group > .btn-group { 
        width: 90%; 
    }
    .product-slider-content .quantity-btn {
        width: 100%;
    }
    .product-detail-slider { 
        padding-top: 84px; 
        padding-left:0px; 
        padding-right:0px;
    }
    .product-detail-slider .slick-slider { 
        margin: 0 auto;
    }
    .product-detail-slider .slick-slider .slick-list .slick-track .slick-slide{ 
        top: 0px!important;
    }
    .product-slider-content .form-group ul li { 
        float: left; 
        width: 100%; 
        margin-bottom: 6px; 
    }
    .product-slider-content .form-group ul li:last-child { 
        margin-bottom: 0px;  
    }
    
    /* Show desktop checkout buttons on mobile */
    .showcheck:not(.hidden) {
        display: block !important;
        margin-top: 20px;
    }
}

@media (min-width:0px) and (max-width:520px){
    .product-detail-slider .slick-slider { 
        height:auto; 
        width:100%; 
    }
    
    .product-slider-content {
        padding: 20px 10px;
    }
}

@media (min-width:0px) and (max-width:767px){    
    .product-slider-content > .form-group > .btn-group { 
        width: 90%; 
    }
    .product-slider-content .quantity-btn {
        width: 100%;
    }
    .product-detail-slider { 
        padding-top: 84px; 
        padding-left:0px; 
        padding-right:0px;
    }
    .product-detail-slider .slick-slider { 
        margin: 0 auto;
    }
    .product-detail-slider .slick-slider .slick-list .slick-track .slick-slide{ 
        top: 0px!important;
    }
    .product-slider-content .form-group ul li { 
        float: left; 
        width: 100%; 
        margin-bottom: 6px; 
    }
    .product-slider-content .form-group ul li:last-child { 
        margin-bottom: 0px;  
    }
}