.tab-btn {
        font-size: 20px;
        font-weight: 600;
        color: #b5b5b5;
        border: none;
        background: none;
        margin: 0 20px;
    }

    .tab-btn.active {
        color: #000;
    }

    .product-card img {
        width: 100%;
        background: #f4f4f4;
        padding: 1px;
    }

    .product-title {
        font-size: 16px;
        margin-top: 15px;
    }

    .price {
        font-weight: bold;
        font-size: 18px;
    }



    /* Heading */
    .section-title {
        font-weight: 700;
        letter-spacing: 1px;
    }

    /* Tabs */
    .wear-tabs button {
        background: none;
        border: none;
        font-weight: 600;
        margin: 0 15px;
        color: #777;
        position: relative;
    }

    .wear-tabs button.active {
        color: #002f6c;
    }

    .wear-tabs button.active::after {
        content: '';
        width: 100%;
        height: 2px;
        background: #002f6c;
        position: absolute;
        bottom: -6px;
        left: 0;
    }

    /* Image Cards */
    .category-card {
        position: relative;
        overflow: hidden;
    }

    .category-card img {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }

    /* Bottom Button */
    .category-btn {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        border-radius: 6px;
        padding: 8px 22px;
        font-weight: 600;
        border: none;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

    /* Responsive */
    @media(max-width: 768px) {
        .category-card img {
            height: 420px;
        }
    }


    /* PRODUCT SCROLL */
    .product-scroll {
        gap: 20px;
        overflow-x: auto;
    }

    .product-scroll::-webkit-scrollbar {
        display: none;
    }

    /* PRODUCT CARD */
    .product-card {
        /* width: 240px; */
        flex-shrink: 0;
    }

    /* IMAGE WRAP */
    .img-wrap {
        position: relative;
        height: 340px;
        background: #f6f1e9;
        border-radius: 10px;
        overflow: hidden;
    }

    /* IMAGES */
    .img-wrap img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .img-wrap img.active {
        opacity: 1;
    }

    /* SIZE BAR */
    .size-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        display: flex;
        justify-content: center;
        gap: 12px;
        padding: 8px;
        border-top: 1px solid #ddd;

        opacity: 0;
        transform: translateY(100%);
        transition: 0.3s;
    }

    .img-wrap:hover .size-bar {
        opacity: 1;
        transform: translateY(0);
    }

    /* SIZE */
    .size-bar span {
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
    }

    .size-bar .active {
        background: #ffeb3b;
        padding: 2px 6px;
    }

    .size-bar .disabled {
        color: #aaa;
        text-decoration: line-through;
    }

    /* BADGE */
    .badge-just {
        position: absolute;
        top: 8px;
        left: 8px;
        background: #1f5eff;
        color: #fff;
        font-size: 11px;
        padding: 3px 7px;
        border-radius: 4px;
        z-index: 2;
    }

    .wishlist {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 18px;
        z-index: 2;
    }

    /* INFO */
    .product-info {
        margin-top: 10px;
    }

    .price {
        font-weight: 600;
    }


    .arrival-banner {
        position: relative;
        max-width: 520px;
        border-radius: 14px;
        overflow: hidden;
    }

    /* IMAGE */
    .arrival-banner img {
        width: 100%;
        height: 401px;
        display: block;
    }

    /* BOTTOM BLUE STRIP */
    .arrival-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0c2d4d;
        padding: 22px 0;
    }

    /* CENTER CONTENT */
    .arrival-content {
        text-align: center;
        color: #fff;
    }

    /* ICON */
    .arrival-content .icon {
        font-size: 22px;
        margin-bottom: 4px;
    }

    /* TITLE */
    .arrival-content h5 {
        font-weight: 600;
        margin-bottom: 4px;
    }

    /* SHOP NOW */
    .arrival-content a {
        color: #c7d4e3;
        font-size: 13px;
        font-weight: 600;
        text-decoration: underline;
        letter-spacing: 0.5px;
    }

    /* small box */
    .sale_box_small {
        background: black;
        border-radius:20px;
        color: #fff;
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .sale_box_small h1 {
        font-size: 36px;
        font-weight: bold;
        margin: 0;
    }

    .sale_box_small p {
        margin: 8px 0;
        font-size: 16px;
    }

    .sale_box_small span {
        font-size: 14px;
        font-weight: 600;
    }

    .small_img {
        height: 250px;
        /* object-fit: cover; */
        width: 100%;
        border-radius: 4px;
    }

    .small_box_catagory {
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        margin-top: 6px;
    }






    .two_slider_box {
        position: relative;
        overflow: hidden;
        background: #f5f5f5;
        min-height: 320px;
        display: flex;
        align-items: center;
        padding: 40px;
    }

    .two_slider_box img {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 41%;
        /* object-fit: cover; */
        transition: transform 0.4s ease;
    }

    .two_slider_box:hover img {
        transform: scale(1.05);
    }

    .two_box_content {
        position: relative;
        z-index: 2;
        max-width: 60%;
    }

    .two_box_content h6 {
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #777;
        margin-bottom: 10px;
    }

    .two_box_content h2 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .two_box_btn {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #000;
        border-bottom: 2px solid #000;
        text-decoration: none;
        padding-bottom: 2px;
    }

    .two_box_btn:hover {
        color: #000;
    }

    @media (max-width: 768px) {
        .two_slider_box {
            padding: 30px;
        }

        .two_box_content {
            max-width: 100%;
        }

        .two_slider_box img {
            opacity: 0.3;
        }
    }



    .product_ccard {
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .one_big_imgg {
        position: relative;
        overflow: hidden;
    }

    .one_big_imgg img {
        width: 100%;
        transition: transform 0.4s ease;
    }

    .product_ccard:hover img {
        transform: scale(1.08);
    }

    .product_aactions {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: rgba(0, 0, 0, 0.15);
        opacity: 0;
        transition: 0.4s;
    }

    .product_ccard:hover .product_aactions {
        opacity: 1;
    }

    .product_aactions a {
        width: 42px;
        height: 42px;
        background: #fff;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 18px;
        transition: 0.3s;
    }

    .product_aactions a:hover {
        background: #000;
        color: #fff;
    }

    .product_iinfo {
        text-align: center;
        padding: 15px 0;
    }

    .product_iinfo h6 {
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .product_iinfo span {
        font-size: 13px;
        color: #777;
    }

    .imgg_box1 {
        height: 250px;
    }

    /* Header */
    .size-title {
        font-size: 18px;
        font-weight: 600;
    }

    /* Toggle */
    .unit-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
    }

    /* Table */
    .size-table thead th {
        font-size: 13px;
        color: #666;
    }

    .size-table tbody td {
        font-size: 14px;
    }

    .size-table tbody tr.active {
        background: #f6f7f8;
        font-weight: 600;
    }

    /* Scroll */
    .table-wrapper {
        max-height: 260px;
        overflow-y: auto;
    }

    /* Button */
    .add-btn {
        background: #0b2d4d;
        color: #fff;
        padding: 10px 22px;
        border: none;
        border-radius: 4px;
        font-size: 14px;
    }

    /* Diagram */
    .diagram {
        border-left: 1px solid #e1e1e1;
        padding-left: 30px;
    }

    .diagram h6 {
        text-decoration: underline;
        font-weight: 600;
    }

    .bg_nav {
        background-color: rgb(10 9 9);
    }

    @media(max-width:576px) {

        .small_img {
            height: 357px !important;
            margin-top: 20px !important;
        }

        .productimg_g img {
            height: 100%;
        }
    }