/* ================================= */
/* FEATURED PRODUCTS – 4 PER ROW */
/* ================================= */

#home-featured-ones .col-lg-15 {
    width: 25%;
}


/* ================================= */
/* TOP SELLING – 6 PER ROW */
/* ================================= */

.top-selling-product .col-lg-15 {
    width: 16.66%;
}


/* ================================= */
/* BEST DEALS – 5 PER ROW */
/* ================================= */

.best-deals .col-lg-15 {
    width: 20%;
}


/* ================================= */
/* NEW ARRIVALS – 8 PER ROW */
/* ================================= */

.new-arrivals .col-lg-15 {
    width: 12.5%;
}


/* ================================= */
/* TABLET LAYOUT */
/* ================================= */

@media (max-width:991px) {

    #home-featured-ones .col-sm-15 {
        width: 33.33%;
    }

    .top-selling-product .col-sm-15,
    .best-deals .col-sm-15,
    .new-arrivals .col-sm-15 {
        width: 25%;
    }

}


/* ================================= */
/* MOBILE LAYOUT */
/* ================================= */

@media (max-width:600px) {

    #home-featured-ones .col-xs-30,
    .top-selling-product .col-xs-30,
    .best-deals .col-xs-30,
    .new-arrivals .col-xs-30 {
        width: 50%;
    }

}


/* ================================= */
/* EQUAL PRODUCT CARD HEIGHT */
/* ================================= */

#home-featured-ones .product-item,
.top-selling-product .product-item,
.best-deals .product-item,
.new-arrivals .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#home-featured-ones .product-item .wrap-content,
.top-selling-product .product-item .wrap-content,
.best-deals .product-item .wrap-content,
.new-arrivals .product-item .wrap-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}


/* ================================= */
/* CLEAN PRODUCT TITLES */
/* ================================= */

#home-featured-ones .product-item .title,
.top-selling-product .product-item .title,
.best-deals .product-item .title,
.new-arrivals .product-item .title {
    height: 48px;
    overflow: hidden;
}

#home-featured-ones .product-item .title .text,
.top-selling-product .product-item .title .text,
.best-deals .product-item .title .text,
.new-arrivals .product-item .title .text {
    font-size: 14px;
    line-height: 1.2;
}


/* ================================= */
/* ALIGN PRICES */
/* ================================= */

#home-featured-ones .product-item .wrap-price,
.top-selling-product .product-item .wrap-price,
.best-deals .product-item .wrap-price,
.new-arrivals .product-item .wrap-price {
    margin-top: auto;
}


/* ================================= */
/* ADD SPACING BETWEEN PRODUCTS */
/* ================================= */

#home-featured-ones .item,
.top-selling-product .item,
.best-deals .item,
.new-arrivals .item {
    padding: 8px;
}


/* ================================= */
/* MOST POPULAR CATEGORIES MOBILE FIX */
/* ================================= */

@media (max-width:768px) {

    #most-popular-categories .ttgallery {
        display: block !important;
        transform: none !important;
    }

    #most-popular-categories .wrap-item {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        display: block !important;
        border: none !important;
        box-shadow: none !important;
    }

    #most-popular-categories .bg-img img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

}


/* ================================= */
/* REMOVE CATEGORY BORDERS */
/* ================================= */

#most-popular-categories .wrap-item,
#most-popular-categories .wrap-item .bg,
#most-popular-categories .wrap-item .bg-img {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}


/* ================================= */
/* STOP CATEGORY SLIDER DUPLICATION */
/* ================================= */

@media (max-width:768px) {

    #most-popular-categories .ttgallery_cont {
        display: block !important;
        overflow: visible !important;
    }

    #most-popular-categories .wrap-item:nth-child(n+7) {
        display: none !important;
    }

}


/* ================================= */
/* CATEGORY PAGE FULL WIDTH BANNER */
/* ================================= */

.category-header-banner {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
}

.category-header-banner img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    border-radius: 0;
}


/* ================================= */
/* CATEGORY TITLE – AMAZON STYLE */
/* ================================= */

.cat-name {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}


/* ================================= */
/* COLOUR OF NAVIGATION BAR */
/* ================================= */

.categories-menu {
    background: rgba(216, 186, 150, 0.2) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}


/* ================================= */
/* MENU SPACING + ALIGNMENT */
/* ================================= */

.categories-menu-line {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

.categories-menu-line li {
    margin: 0 !important;
    display: flex;
    align-items: center;
}


/* ================================= */
/* MAIN NAV TEXT STYLE */
/* ================================= */

.categories-menu-line li a {
    color: #2a2a2a !important;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 10px !important;
    line-height: 1.2;
    white-space: nowrap;
    display: flex;
    align-items: center;
}


/* ================================= */
/* CATEGORY MENU INDENT FIX */
/* ================================= */

.categories-menu-line ul.children>li>a {
    padding-left: 20px !important;
    display: block;
}

.categories-menu-line ul.children ul.children>li>a {
    padding-left: 40px !important;
    display: block;
}

.categories-menu-line ul.children>li>a:before {
    content: "– ";
    color: #999;
}


/* keep dropdown overlay transparent */

.categories-menu-bg {
    background: transparent !important;
}


/* ================================= */
/* PRODUCT IMAGE HOVER ZOOM */
/* ================================= */

.product-item img {
    transition: transform 0.3s ease;
}

.product-item:hover img {
    transform: scale(1.05);
}


/* ================================= */
/* PRODUCT CARD HOVER EFFECT */
/* ================================= */

.product-item {
    transition: all 0.25s ease;
}

.product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}


/* ================================= */
/* NAVIGATION HOVER EFFECT */
/* ================================= */

.categories-menu-line li a:hover {
    color: #8b5e3c !important;
}


/* ================================= */
/* CATEGORY NOTICE BOX */
/* ================================= */

.category-notice {
    background: rgba(232, 246, 236, 0.95);
    border-left: 5px solid #3a8f5a;
    padding: 12px 12px;
    margin: 10px 0 15px 0;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 6px;
    color: #333;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.category-notice strong {
    font-size: 16px;
    display: block;
    margin-bottom: 6px;
}

.category-notice p {
    margin: 0;
}


/* ================================= */
/* CATEGORY BANNER */
/* ================================= */

.category-header-banner {
    position: relative;
}

.category-header-banner img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}

.category-header-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}

.banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: 2px;
    z-index: 2;
    text-align: center;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    width: 100%;
}

/* ================================= */
/* EXPAND / COLLAPSE SUBCATEGORIES */
/* ================================= */

/* hide subcategories */

.menu-sub-wrap ul.children {
    display: none;
}

/* show when hovering parent */

.menu-sub-wrap li:hover>ul.children {
    display: block;
}

/* spacing for child items */

.menu-sub-wrap ul.children li a {
    padding-left: 18px !important;
    font-size: 15px;
}

/* deeper level */

.menu-sub-wrap ul.children ul.children li a {
    padding-left: 32px !important;
}

.menu-sub-wrap li:has(ul.children)>a span:after {
    content: " ▾";
    font-size: 12px;
    color: #999;
}

.menu-sub-wrap ul.children li a {
    padding: 6px 12px !important;
    font-size: 15px;
    border-radius: 4px;
    transition: all 0.2s ease;
    color: #8b5e3c;
}

.menu-sub-wrap ul.children li a:hover {
    background: #f2f2f2;
    color: green !important;
    font-weight: 400;
}

/* ================================= */
/* MEGA MENU PRODUCT OVERLAY COLOR */
/* ================================= */

.menu-sub-wrap .box-title {
    background: rgba(46, 125, 85, 0.50) !important;
}

/* ================================= */
/* DIVIDER ABOVE PRODUCT GRID */
/* ================================= */

.js-list_product {
    border-top: 1px solid #eee;
    margin-top: 1px;
    padding-top: 15px;
}

/* ================================= */
/* MOBILE SPACING BELOW CATEGORY BANNER */
/* ================================= */

@media (max-width:768px) {

    .category-header-banner+.category-top,
    .category-header-banner+.breadcrumbs {
        margin-top: 15px;
    }

    @media (max-width:600px) {
        .banner-title {
            font-size: 32px;
        }

        /* REMOVE CATEGORY SLIDER DOTS ONLY */

        #most-popular-categories .galpager_cont {
            display: none !important;
        }