.merage{
    display: flex;
    width: 100%;
    margin-inline: auto;
    padding-inline: 2%;
    gap: 10px;
    margin-top: 25px;
}


.thumb-container{
display:flex;
gap:10px;
margin-top:10px;
}

.thumb{
width:70px !important;
height:70px !important;
object-fit:cover;
cursor:pointer;
border:2px solid #ddd;
border-radius:6px;
}

.thumb:hover{
border-color:#000;
}


#main_banner_carousel .owl-nav{
position:absolute;
top:50%;
width:100%;
display:flex;
justify-content:space-between;
transform:translateY(-50%);
pointer-events:none;
}

#main_banner_carousel .owl-nav button{
pointer-events:auto;
background:#fff;
border:none;
width:45px;
height:45px;
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.2);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
cursor:pointer;
transition:0.3s;
}

#main_banner_carousel .owl-nav button:hover{
background:#000;
color:#fff;
transform:scale(1.1);
}

#main_banner_carousel .owl-nav button span{
    font-size: 35px;
}


@media screen and (max-width: 600px) {
    .merage{
        flex-direction: column;
        margin: unset !important;
        padding: unset !important;
    }

    #main_banner_carousel img{
        border-radius: unset !important;
    }

    .headers{
        display: block !important;
        position: absolute;
        z-index: 90;
        top: 31px;
        left: 16px;
    }

    #main_banner_carousel .owl-nav {
        display: none;
    }

    .thumb-container {
        display: none;
    }
}

/* Final mobile product-gallery layout.
   This file loads after the legacy singlep rules, so keep the mobile
   carousel sizing here to prevent the desktop-height slide from returning. */
@media screen and (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }

    body > .header {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .container,
    .merage,
    .product-image-container,
    #slider-img {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main_banner_carousel,
    #main_banner_carousel .owl-stage-outer,
    #main_banner_carousel .owl-stage,
    #main_banner_carousel .owl-item,
    #main_banner_carousel .item,
    #main_banner_carousel .card {
        height: 100vw !important;
        min-height: 0 !important;
        max-height: 420px !important;
    }

    #main_banner_carousel .owl-item img,
    #main_banner_carousel .card img {
        width: 100% !important;
        height: 100% !important;
        
        object-fit: contain !important;
        aspect-ratio: 1 / 1 !important;
        object-position: center center !important;
    }

    .headers {
        top: 14px !important;
        left: 14px !important;
        z-index: 90 !important;
    }

    .icon_container {
        top: 14px !important;
        right: 14px !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 90 !important;
    }
}

/* Purchase controls: compact two-button row matching the product-page
   reference layout. */
.product-details .action-bar {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 8px 6px !important;
    margin: 0 !important;
    background: #fff !important;
    border-top: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
}

.product-details .action-bar #addToCartBtn,
.product-details .action-bar #buy-now {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 1 1 0 !important;
    order: initial !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    font: 600 14px/1 'Poppins', sans-serif !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.product-details .action-bar #addToCartBtn {
    order: 1 !important;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.product-details .action-bar #buy-now {
    order: 2 !important;
    background: #f1f2f3 !important;
    color: #111 !important;
    border: 1px solid #d9dce0 !important;
}

.product-details .action-bar #addToCartBtn i,
.product-details .action-bar #buy-now i {
    color: currentColor !important;
    font-size: 14px !important;
}

@media screen and (max-width: 767px) {
    .product-details .action-bar {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 120 !important;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08) !important;
    }

    /* The generated purchase section contains only Buy Now and Add to cart.
       Keep the old standalone wishlist control out of this mobile row. */
    .product-details .action-bar > #wishlist_btn {
        display: none !important;
    }
}


/* Mobile similar products fix */
@media screen and (max-width: 767px) {
    .similar-products-list .product, .similar-products-lists .product {
        flex-shrink: 0 !important;
        min-width: 150px !important;
        width: 45vw !important;
        max-width: 48% !important;
    }
}


#page-mobile-tabs { 
    display: none !important; 
}