/* SAJMI: Product page breadcrumb hide */
.single-product .woocommerce-breadcrumb {
    display: none !important;
}

/* SAJMI: Remove All rights reserved text */
body.woocommerce-page .site-info,
body.single-product .site-info,
body.woocommerce-page .copyright,
body.single-product .copyright {
    display: none !important;
}

/* SAJMI: সব পেজ থেকে Breadcrumb সম্পূর্ণ Hide */
.woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb,
nav.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb,
#breadcrumbs,
.elementor-widget-woocommerce-breadcrumb {
    display: none !important;
}




/* ==========================================================
   SAJMI PREMIUM E-COMMERCE CSS
   WPCode 69
========================================================== */


/* ================= BASIC ================= */
:root {
    --green: #2E5A44 !important;
    --dark-green: #214533 !important;
    --black: #111 !important;
    --gray: #777 !important;
    --line: #deded9 !important;
    --light: #f7f7f4 !important;
}

.sajmi-home {

    --green: #2E5A44;
    --dark-green: #214533;
    --black: #111;
    --gray: #777;
    --line: #deded9;
    --light: #f7f7f4;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

    color: var(--black);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    overflow-x: clip;
overflow-y: visible;

}


.sajmi-home *,
.sajmi-home *::before,
.sajmi-home *::after {

    box-sizing: border-box;

}


.sajmi-home a {

    text-decoration: none;

}



/* ================= TOP BAR ================= */

.sajmi-notice {

    width: 100%;

    min-height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 6px 12px;

    background: var(--green);

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-align: center;

}



/* ================= HEADER ================= */

.sajmi-header {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    min-height: 90px;

    margin: auto;

    display: grid;

    grid-template-columns:
        220px
        minmax(300px, 1fr)
        auto;

    align-items: center;

    gap: 35px;

}


.sajmi-logo {

    color: var(--green);

    font-size: 32px;

    font-weight: 900;

    letter-spacing: 8px;

}


.sajmi-search-box {

    height: 44px;

    display: flex;

    overflow: hidden;

    border: 1px solid #d9d9d5;

    background: #fff;

}


.sajmi-search-box input {

    flex: 1;

    min-width: 0;

    border: 0 !important;

    outline: 0 !important;

    background: #fff !important;

    padding: 0 15px;

    font-size: 14px;

}


.sajmi-search-box button {

    width: 55px;

    border: 0;

    background: var(--green);

    cursor: pointer;

}


.sajmi-search-box svg {

    width: 20px;

    height: 20px;

    fill: none;

    stroke: #fff;

    stroke-width: 2;

}


.sajmi-header-icons {

    display: flex;

    align-items: center;

    gap: 19px;

}


.sajmi-header-icons a,
.sajmi-mobile-search {

    width: 27px;

    height: 27px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    background: transparent;

    color: #111;

}


.sajmi-header-icons svg {

    width: 25px;

    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


.sajmi-mobile-search {

    display: none;

}


.sajmi-menu-btn {

    display: none;

}



/* ================= DESKTOP NAV ================= */

.sajmi-nav {

    width: 100%;

    background: var(--green);

}


.sajmi-nav-inner {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    min-height: 53px;

    margin: auto;

    display: flex;

    align-items: center;

}


.sajmi-nav a,
.sajmi-nav button {

    min-height: 53px;

    display: flex;

    align-items: center;

    padding: 0 22px;

    border: 0;

    background: transparent;

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    cursor: pointer;

}


.sajmi-nav button {

    background: var(--dark-green);

}


.browse-icon {

    margin-right: 10px;

}


.browse-arrow {

    margin-left: 35px;

}



/* ================= SIDE MENU ================= */

.sajmi-side-menu {

    position: fixed;

    z-index: 999999;

    top: 0;

    left: 0;

    width: min(
        360px,
        88vw
    );

    height: 100vh;

    padding: 28px;

    background: #fff;

    box-shadow:
        8px 0 30px rgba(0,0,0,.15);

    transform:
        translateX(-110%);

    transition:
        transform .3s ease;

}


.sajmi-side-menu.active {

    transform:
        translateX(0);

}


.sajmi-menu-close {

    position: absolute;

    top: 18px;

    right: 18px;

    border: 0;

    background: transparent;

    color: #111;

    font-size: 34px;

    cursor: pointer;

}


.side-logo {

    margin:
        40px 0 40px;

    color: var(--green);

    font-size: 26px;

    font-weight: 900;

    letter-spacing: 6px;

}


.sajmi-side-menu a {

    display: block;

    padding: 17px 0;

    border-bottom: 1px solid var(--line);

    color: #222;

    font-size: 17px;

}



/* ================= HERO ================= */

.sajmi-hero {

    position: relative;

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: 8px auto 0;

    overflow: hidden;

}


.sajmi-hero > img {

    display: block;

    width: 100%;

    height: auto;

}


.sajmi-hero-content {

    position: absolute;

    left: 7%;

    bottom: 12%;

    color: #fff;

}


.sajmi-hero-content small {

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;

}


.sajmi-hero-content h1 {

    margin: 15px 0 24px;

    font-size: clamp(
        40px,
        5vw,
        72px
    );

    line-height: .94;

    letter-spacing: -3px;

}


.sajmi-hero-content h1 i {

    color: #d3e0d8;

    font-weight: 300;

}


.sajmi-hero-content a {

    display: inline-flex;

    align-items: center;

    gap: 22px;

    padding: 14px 23px;

    background: #fff;

    color: #111;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 1px;

}


.sajmi-hero-content a span {

    font-size: 18px;

}



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

.sajmi-categories {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: auto;

    padding: 25px 0 38px;

}


.sajmi-section-title {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 27px;

}


.sajmi-section-title span {

    flex: 1;

    height: 1px;

    background: var(--line);

}


.sajmi-section-title h2 {

    margin: 0;

    font-size: 25px;

    font-weight: 800;

    white-space: nowrap;

}


.sajmi-category-scroll {

    display: flex;

    gap: 25px;

    overflow-x: auto;

    padding: 5px 5px 15px;

    scrollbar-width: thin;

}


.sajmi-category-card {

    flex: 0 0 125px;

    color: #111;

    text-align: center;

}


.sajmi-category-image {

    width: 125px;

    height: 125px;

    margin-bottom: 10px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #e1e1dd;

    border-radius: 5px;

    background: #f5f5f3;

    box-shadow:
        0 4px 12px rgba(0,0,0,.10);

}


.sajmi-category-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.sajmi-category-card strong {

    display: block;

    font-size: 13px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}


.sajmi-all-box {

    background: var(--green);

    color: #fff;

}


.sajmi-all-box span {

    font-size: 20px;

    font-weight: 900;

    letter-spacing: 3px;

}



/* ================= PRODUCTS ================= */

.sajmi-products-section {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: 0 auto 50px;

}


.sajmi-products-heading {

    min-height: 55px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 7px;

    margin-bottom: 27px;

    border: 1px solid var(--line);

    border-radius: 5px 5px 0 0;

}


.sajmi-products-heading h2 {

    margin: 0;

    font-size: 27px;

    font-weight: 900;

}


.sajmi-products-heading > div {

    position: relative;

}


.sajmi-products-heading > div > span {

    position: absolute;

    left: 0;

    bottom: -14px;

    width: 150px;

    height: 3px;

    background: var(--green);

}


.sajmi-products-heading > a {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 46px;

    padding: 0 20px;

    border-radius: 25px;

    background: var(--green);

    color: #fff;

    font-size: 12px;

    font-weight: 800;

}


.sajmi-product-grid {

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 18px;

}


.sajmi-product-card {

    min-width: 0;

    overflow: hidden;

    border: 1px solid #e1e1de;

    border-radius: 5px;

    background: #fff;

    box-shadow:
        0 5px 15px rgba(0,0,0,.07);

    transition:
        .25s ease;

}


.sajmi-product-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 12px 25px rgba(0,0,0,.12);

}


.sajmi-product-image {

    position: relative;

    display: block;

    width: 100%;

    aspect-ratio: 1 / 1.08;

    overflow: hidden;

    background: #f5f5f3;

}


.sajmi-product-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .35s ease;

}


.sajmi-product-card:hover
.sajmi-product-image img {

    transform:
        scale(1.035);

}


.sajmi-sale-badge {

    position: absolute;

    top: 9px;

    left: 9px;

    padding: 9px 9px;

    background: var(--green);

    color: #fff;

    font-size: 10px;

    font-weight: 900;

}


.sajmi-product-info {

    text-align: center;

    padding-top: 13px;

}


.sajmi-product-name {

    display: block;

    min-height: 20px;

    padding: 0 7px;
    font-family: "Times New Roman", Times, serif;
    color: #222;

    font-size: 15px;

    line-height: 1.3;
	margin-bottom: 0px;

}


.sajmi-stars {

    margin: 0 ;

    color: #e7a91b;

    font-size: 22px;

    letter-spacing: 1px;

}


.sajmi-product-price {

    min-height: 28px;

    margin-bottom: 8px;

}


.sajmi-product-price del {

    margin-right: 5px;

    color: #999;

    font-size: 13px;

}


.sajmi-product-price strong {

    color: var(--green);

    font-size: 20px;

    font-weight: 900;

}


.sajmi-order-btn {

    width: 100%;

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--green);

    color: #fff;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: .5px;

}


.sajmi-loading {

    grid-column: 1 / -1;

    padding: 50px 20px;

    text-align: center;

    color: #888;

}



/* ================= SHOP ALL ================= */

.sajmi-shop-all {

    padding: 85px 20px;

    background: var(--light);

    text-align: center;

}


.sajmi-shop-all small {

    color: var(--green);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sajmi-shop-all h2 {

    margin:
        17px 0 30px;

    font-size: clamp(
        42px,
        6vw,
        70px
    );

    line-height: .92;

    letter-spacing: -3px;

}


.sajmi-shop-all h2 i {

    color: var(--green);

    font-weight: 300;

}


.sajmi-shop-all a {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    padding: 14px 22px;

    background: var(--green);

    color: #fff;

    font-size: 11px;

    font-weight: 900;

}



/* ================= ABOUT ================= */

.sajmi-about {

    padding: 75px 20px;

    background: #fff;

    text-align: center;

}


.sajmi-about small {

    color: var(--green);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sajmi-about h2 {

    margin:
        18px 0 15px;

    font-size: clamp(
        42px,
        6vw,
        70px
    );

    line-height: .92;

    letter-spacing: -3px;

}


.sajmi-about h2 i {

    color: var(--green);

    font-weight: 300;

}


.sajmi-about p {

    margin: 0;

    color: #777;

    font-size: 14px;

}



/* ================= QUICK LINKS ================= */

.sajmi-quick-links {

    width: min(
        900px,
        calc(100% - 50px)
    );

    margin: auto;

    padding: 15px 0 55px;

}


.sajmi-quick-links a {

    min-height: 67px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 10px;

    border-top: 1px solid var(--line);

    color: #222;

    font-size: 20px;

}


.sajmi-quick-links a:last-child {

    border-bottom: 1px solid var(--line);

}


.sajmi-quick-links b {

    color: var(--green);

    font-size: 28px;

    font-weight: 300;

}



/* ================= FOOTER ================= */

.sajmi-footer {

    background: #171b18;

    color: #fff;

}


.sajmi-footer-inner {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: auto;

    padding: 60px 0 50px;

    display: grid;

    grid-template-columns:
        1.6fr
        1fr
        1fr
        1fr;

    gap: 50px;

}


.footer-logo {

    color: #fff;

    font-size: 30px;

    font-weight: 900;

    letter-spacing: 7px;

}


.footer-brand p {

    margin:
        13px 0 15px;

    color: #aaa;

    font-size: 13px;

}


.footer-brand > a {

    color: #cbd8d0;

    font-size: 13px;

}


.footer-column {

    display: flex;

    flex-direction: column;

    gap: 11px;

}


.footer-column h4 {

    margin:
        0 0 8px;

    color: #fff;

    font-size: 11px;

    letter-spacing: 1.5px;

}


.footer-column a {

    color: #999;

    font-size: 12px;

    transition: .2s;

}


.footer-column a:hover {

    color: #fff;

}


.sajmi-footer-bottom {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: auto;

    padding:
        18px 0;

    border-top:
        1px solid #333;

    display: flex;

    justify-content: space-between;

    color: #777;

    font-size: 10px;

}



/* ================= WHATSAPP ================= */

.sajmi-whatsapp {

    position: fixed;

    z-index: 99990;

    right: 20px;

    bottom: 20px;

    width: 53px;

    height: 53px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #25D366;

    color: #fff;

    box-shadow:
        0 5px 18px rgba(0,0,0,.20);

    font-size: 27px;

}



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

@media (max-width: 1000px) {

    .sajmi-header {

        grid-template-columns:
            170px
            1fr
            auto;

        gap: 20px;

    }


    .sajmi-phone {

        display: none;

    }


    .sajmi-product-grid {

        grid-template-columns:
            repeat(3, minmax(0,1fr));

    }


    .sajmi-footer-inner {

        grid-template-columns:
            repeat(2,1fr);

    }

}



/* ==========================================================
   MOBILE
   এখানে তোমার দেওয়া screenshot-এর মতো
   Header structure করা হয়েছে।
========================================================== */

@media (max-width: 700px) {


    /* BODY */

    .sajmi-home {

        width: 100%;

       overflow-x: clip;
       overflow-y: visible;

    }



    /* TOP BAR */

    .sajmi-notice {

        min-height: 24px;

        padding: 5px 8px;

        font-size: 8px;

        letter-spacing: .7px;

        white-space: nowrap;

        overflow: hidden;

    }



    /* =====================================================
       MOBILE HEADER

       Screenshot-এর মতো:

       ☰     SAJMI     🔍  👤  🛍
    ===================================================== */

    .sajmi-header {

        width: 100%;

        min-height: 78px;

        padding:
            0 15px;

        display: grid;

        grid-template-columns:
            44px
            1fr
            auto;

        gap: 7px;

        border-bottom:
            1px solid #e3e3e3;

        background: #fff;

    }


    .sajmi-menu-btn {

        width: 35px;

        height: 35px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        gap: 5px;

        padding: 0;

        border: 0;

        background: transparent;

        cursor: pointer;

    }


    .sajmi-menu-btn span {

        display: block;

        width: 29px;

        height: 3px;

        background: var(--green);

        border-radius: 3px;

    }


    .sajmi-logo {

        justify-self: center;

        font-size: 25px;

        letter-spacing: 6px;

    }


    .sajmi-header-icons {

        gap: 11px;

    }


    .sajmi-header-icons a,
    .sajmi-mobile-search {

        width: 28px;

        height: 28px;

    }


    .sajmi-header-icons svg {

        width: 25px;

        height: 25px;

        stroke-width: 1.8;

    }


    .sajmi-mobile-search {

        display: flex;

    }


    /* Desktop search hidden */

    .sajmi-search-box {

        position: absolute;

        z-index: 999;

        top: 102px;

        left: 10px;

        right: 10px;

        display: none;

        height: 44px;

        box-shadow:
            0 6px 15px rgba(0,0,0,.12);

    }


    .sajmi-search-box.active {

        display: flex;

    }


    /* DESKTOP NAV HIDDEN */

    .sajmi-nav {

        display: none;

    }



    /* =====================================================
       HERO

       Mobile-এ image crop না করে
       full responsive width।
    ===================================================== */

    .sajmi-hero {

        width: 100%;

        margin: 0;

    }


    .sajmi-hero > img {

        width: 100%;

        height: auto;

        min-height: 0;

        object-fit: contain;

    }


    .sajmi-hero-content {

        left: 5%;

        bottom: 8%;

    }


    .sajmi-hero-content small {

        font-size: 7px;

        letter-spacing: 1px;

    }


    .sajmi-hero-content h1 {

        margin:
            7px 0 12px;

        font-size: 30px;

        letter-spacing: -1.5px;

    }


    .sajmi-hero-content a {

        padding:
            9px 13px;

        gap: 13px;

        font-size: 8px;

    }


    .sajmi-hero-content a span {

        font-size: 14px;

    }



    /* =====================================================
       CATEGORIES
    ===================================================== */

    .sajmi-categories {

        width: 100%;

        padding:
            22px 0 27px;

    }


    .sajmi-section-title {

        gap: 9px;

        padding:
            0 5px;

        margin-bottom: 20px;

    }


    .sajmi-section-title h2 {

        font-size: 21px;

    }


    .sajmi-category-scroll {

        gap: 17px;

        padding:
            2px 18px 10px;

        overflow-x: auto;

        scrollbar-width: none;

    }


    .sajmi-category-scroll::-webkit-scrollbar {

        display: none;

    }


    .sajmi-category-card {

        flex:
            0 0 105px;

    }


    .sajmi-category-image {

        width: 105px;

        height: 105px;

        margin-bottom: 8px;

    }


    .sajmi-category-card strong {

        font-size: 12px;

    }



    /* =====================================================
       PRODUCT SECTIONS
    ===================================================== */

    .sajmi-products-section {

        width: 100%;

        margin:
            0 0 35px;

        padding:
            0 9px;

    }


    .sajmi-products-heading {

        min-height: 49px;

        margin-bottom: 17px;

        padding:
            0 5px;

        border-radius: 4px;

    }


    .sajmi-products-heading h2 {

        font-size: 18px;

    }


    .sajmi-products-heading > div > span {

        width: 95px;

        height: 2px;

        bottom: -10px;

    }


    .sajmi-products-heading > a {

        min-height: 38px;

        padding:
            0 13px;

        font-size: 10px;

    }


    /* 2 COLUMN MOBILE */

    .sajmi-product-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;

    }


    .sajmi-product-card {

        border-radius: 3px;

        box-shadow:
            0 3px 10px rgba(0,0,0,.07);

    }


    .sajmi-product-image {

        aspect-ratio:
            1 / 1.08;

    }


    .sajmi-sale-badge {

        top: 6px;

        left: 6px;

        padding:
            4px 6px;

        font-size: 8px;

    }


    .sajmi-product-info {

        padding-top: 9px;

    }


    .sajmi-product-name {

        min-height: 15px;
		font-family: "Times New Roman", Times, serif;
        padding:
            0 4px;

        font-size: 12px;

        line-height: 1.25;
		margin-bottom: 0px;

    }


    .sajmi-stars {

        margin: 0 ;
		
        font-size: 16px;

        letter-spacing: .5px;

    }


    .sajmi-product-price {

        min-height: 24px;

        margin-bottom: 6px;

    }


    .sajmi-product-price del {

        font-size: 13px;

    }


    .sajmi-product-price strong {

        font-size: 18px;

    }


    .sajmi-order-btn {

        min-height: 37px;

        font-size: 9px;

    }



    /* =====================================================
       SHOP ALL
    ===================================================== */

    .sajmi-shop-all {

        padding:
            55px 20px;

    }


    .sajmi-shop-all small {

        font-size: 8px;

    }


    .sajmi-shop-all h2 {

        margin:
            13px 0 22px;

        font-size: 42px;

        letter-spacing: -2px;

    }


    .sajmi-shop-all a {

        padding:
            12px 17px;

        font-size: 9px;

    }



    /* =====================================================
       ABOUT
    ===================================================== */

    .sajmi-about {

        padding:
            55px 20px;

    }


    .sajmi-about h2 {

        font-size: 45px;

        letter-spacing: -2px;

    }


    .sajmi-about p {

        font-size: 12px;

    }



    /* =====================================================
       QUICK LINKS
    ===================================================== */

    .sajmi-quick-links {

        width: 100%;

        padding:
            10px 20px 40px;

    }


    .sajmi-quick-links a {

        min-height: 62px;

        font-size: 18px;

    }


    .sajmi-quick-links b {

        font-size: 25px;

    }



    /* =====================================================
       FOOTER
    ===================================================== */

    .sajmi-footer-inner {

        width: 100%;

        padding:
            45px 25px 35px;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            35px 20px;

    }


    .footer-brand {

        grid-column:
            1 / -1;

    }


    .footer-logo {

        font-size: 27px;

    }


    .footer-column {

        gap: 9px;

    }


    .footer-column h4 {

        font-size: 10px;

    }


    .footer-column a {

        font-size: 11px;

    }


    .sajmi-footer-bottom {

        width: 100%;

        padding:
            15px 20px;

        display: flex;

        flex-direction: column;

        gap: 6px;

        font-size: 9px;

    }



    /* =====================================================
       WHATSAPP
    ===================================================== */

    .sajmi-whatsapp {

        right: 15px;

        bottom: 18px;

        width: 48px;

        height: 48px;

        font-size: 23px;

    }

}



/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 380px) {

    .sajmi-logo {

        font-size: 21px;

        letter-spacing: 5px;

    }


    .sajmi-header {

        padding:
            0 10px;

    }


    .sajmi-header-icons {

        gap: 7px;

    }


    .sajmi-category-card {

        flex-basis: 95px;

    }


    .sajmi-category-image {

        width: 95px;

        height: 95px;

    }


    .sajmi-products-heading h2 {

        font-size: 16px;

    }


    .sajmi-products-heading > a {

        padding:
            0 10px;

        font-size: 9px;

    }

}

/* ==========================================================
   SAJMI - REMOVE WORDPRESS THEME HEADER / PAGE TITLE
   এবং Desktop-এ Full Width করার জন্য
========================================================== */


/* পুরোনো WordPress Header সরানো */
body:has(.sajmi-home) .site-header,
body:has(.sajmi-home) header:not(.sajmi-header) {
    display: none !important;
}


/* WordPress Page Title সরানো */
body:has(.sajmi-home) .entry-title,
body:has(.sajmi-home) .page-title,
body:has(.sajmi-home) .entry-header {
    display: none !important;
}


/* WordPress-এর বাইরের container-এর width খুলে দেওয়া */
body:has(.sajmi-home) .site,
body:has(.sajmi-home) .site-main,
body:has(.sajmi-home) .site-content,
body:has(.sajmi-home) .content-area,
body:has(.sajmi-home) .content,
body:has(.sajmi-home) .entry-content,
body:has(.sajmi-home) .page-content {

    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

}


/* Elementor/Theme-এর ভিতরের wrapper থাকলেও full width */
body:has(.sajmi-home) .elementor,
body:has(.sajmi-home) .elementor-section,
body:has(.sajmi-home) .elementor-container {

    max-width: none !important;

    width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

}


/* আমাদের SAJMI main wrapper একদম full width */
.sajmi-home {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

}


/* ==========================================================
   DESKTOP FULL WIDTH
========================================================== */

@media (min-width: 701px) {

    .sajmi-header {

        width: 100% !important;

        max-width: none !important;

        padding-left: 5%;
        padding-right: 5%;

    }


    .sajmi-nav-inner {

        width: 100% !important;

        max-width: none !important;

        padding-left: 5%;
        padding-right: 5%;

    }




    .sajmi-hero > img {

        width: 100% !important;

        display: block;

    }


    /* নিচের content সুন্দরভাবে centered থাকবে */
    .sajmi-categories,
    .sajmi-products-section,
    .sajmi-footer-inner,
    .sajmi-footer-bottom {

        width: min(
            1400px,
            calc(100% - 70px)
        ) !important;

        max-width: 1400px !important;

        margin-left: auto !important;
        margin-right: auto !important;

    }

}


/* ==========================================================
   MOBILE
   আগের mobile design-এর width নষ্ট হবে না
========================================================== */

@media (max-width: 700px) {

    .sajmi-header,
    .sajmi-hero,
    .sajmi-categories,
    .sajmi-products-section,
    .sajmi-footer-inner,
    .sajmi-footer-bottom {

        max-width: none !important;

    }

}

.sajmi-logo img {
    display: block;
    width: 175px;
    height: auto;
    max-height: 65px;
    object-fit: contain;
}

@media (max-width: 700px) {
    .sajmi-logo img {
        width: 125px;
        max-height: 48px;
    }
}

/* ==========================================================
   BROWSE COLLECTION DROPDOWN
========================================================== */

.sajmi-browse-wrap {
    position: relative;
}

.sajmi-browse-dropdown {
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    width: 250px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all .2s ease;
    z-index: 99999;
}

.sajmi-browse-wrap.open .sajmi-browse-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sajmi-browse-dropdown a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    color: #222;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    transition: all .2s ease;
}

.sajmi-browse-dropdown a:hover {
    background: #f5f7f5;
    color: #2E5A44;
    padding-left: 22px;
}

.sajmi-browse-dropdown .browse-loading {
    padding: 14px 18px;
    font-size: 13px;
    color: #777;
}

.sajmi-browse-dropdown .browse-empty {
    padding: 14px 18px;
    font-size: 13px;
    color: #777;
}

/* Arrow rotation */
.sajmi-browse-wrap.open .browse-arrow {
    transform: rotate(180deg);
}

.browse-arrow {
    display: inline-block;
    transition: transform .2s ease;
}


/* Mobile */
@media (max-width: 700px) {

    .sajmi-browse-dropdown {
        position: static;
        width: 100%;
        box-shadow: none;
        border: 0;
        border-top: 1px solid rgba(0,0,0,.08);
        display: none;
        transform: none;
    }

    .sajmi-browse-wrap.open .sajmi-browse-dropdown {
        display: block;
    }

}

/* ==========================================================
   ডেস্কটপ ক্যাটাগরি মেনু — এক কলাম
   শুধু ১০২৫ পিক্সেল বা বড় স্ক্রিনে কাজ করবে।
   মোবাইল ও ট্যাবলেটের আগের ডিজাইন অপরিবর্তিত থাকবে।
========================================================== */
@media (min-width: 1025px) {
    .sajmi-nav .sajmi-browse-wrap {
        /* বক্সের রং ও প্রস্থ চাইলে এখানে বদলাবেন। */
        --sb-green: #2e5a44;
        --sb-dark: #214533;
        --sb-width: 300px;
        position: relative;
    }

    .sajmi-nav #sajmi-browse,
    .sajmi-nav #sajmi-browse:hover,
    .sajmi-nav #sajmi-browse:focus,
    .sajmi-nav #sajmi-browse:active,
    .sajmi-nav #sajmi-browse[aria-expanded="true"] {
        min-height: 53px;
        background: var(--sb-dark) !important;
        color: #fff !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .sajmi-nav #sajmi-browse:hover,
    .sajmi-nav #sajmi-browse[aria-expanded="true"] {
        background: #193b2c !important;
    }
    .sajmi-nav #sajmi-browse:focus-visible {
        outline: 2px solid #dfd3aa;
        outline-offset: -5px;
    }

    .sajmi-nav #sajmi-browse-dropdown {
        display: block;
        top: calc(100% + 10px);
        left: 0;
        width: var(--sb-width);
        max-width: calc(100vw - 32px);
        max-height: min(540px, 65vh);
        overflow-y: auto;
        padding: 12px;
        box-sizing: border-box;
        border: 1px solid #dce6dc;
        border-radius: 13px;
        background: #fff;
        box-shadow: 0 16px 38px #173b2524, 0 2px 6px #173b2508;
    }
    .sajmi-nav #sajmi-browse-dropdown::before {
        content: 'SHOP BY CATEGORY';
        display: block;
        padding: 6px 5px 13px;
        color: #75856f;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 1.7px;
    }
    .sajmi-nav #sajmi-browse-dropdown a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-height: 70px;
        width: 100%;
        margin: 0;
        padding: 11px;
        box-sizing: border-box;
        border: 1px solid #e4eae1;
        border-radius: 9px;
        background: #fbfcf9 !important;
        color: var(--sb-dark) !important;
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 700;
        text-decoration: none !important;
        transition: background-color .15s, border-color .15s;
    }
    .sajmi-nav #sajmi-browse-dropdown a + a { margin-top: 8px; }
    .sajmi-nav #sajmi-browse-dropdown a::before {
        content: '';
        display: block;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border: 1px solid #dde7d9;
        border-radius: 10px;
        background-color: #edf3e9;
        background-position: center;
        background-size: 27px 27px;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232e5a44%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209h12l2%2012H4zM9%209V6a3%203%200%200%201%206%200v3M9%2012v1m6-1v1%22%2F%3E%3C%2Fsvg%3E");
    }
    .sajmi-nav #sajmi-browse-dropdown a[href*="/hoodie/"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232e5a44%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205-4%203-2%208%204%201%201-5v9h10v-9l1%205%204-1-2-8-4-3M8%205c0-3%208-3%208%200l-4%204zM10%208v5m4-5v5M9%2017h6%22%2F%3E%3C%2Fsvg%3E"); }
    .sajmi-nav #sajmi-browse-dropdown a[href*="/mens-pant/"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232e5a44%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12l1%2018h-6l-1-11-1%2011H5zM6%206h12M12%203v5m-6-1%203%202m9-2-3%202%22%2F%3E%3C%2Fsvg%3E"); }
    .sajmi-nav #sajmi-browse-dropdown a[href*="/polo-shirt/"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232e5a44%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204-5%203-2%205%205%202%201-3v10h10V11l1%203%205-2-2-5-5-3M8%204l4%204%204-4M12%208v5M10%205l-1%204%203-1m2-3%201%204-3-1%22%2F%3E%3C%2Fsvg%3E"); }
    .sajmi-nav #sajmi-browse-dropdown a[href*="/super-combo/"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232e5a44%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%206h18v4H3zM12%206v15M12%206H8c-5%200-2-7%201-4zm0%200h4c5%200%202-7-1-4z%22%2F%3E%3C%2Fsvg%3E"); }
    .sajmi-nav #sajmi-browse-dropdown a > span:first-child {
        flex: 1;
        min-width: 0;
        color: inherit !important;
        overflow-wrap: anywhere;
    }
    .sajmi-nav #sajmi-browse-dropdown a > span:last-child {
        flex: 0 0 auto;
        margin-left: auto;
        color: #6c846e !important;
        font-size: 19px;
        font-weight: 400;
    }
    .sajmi-nav #sajmi-browse-dropdown a:visited { color: var(--sb-dark) !important; }
    .sajmi-nav #sajmi-browse-dropdown a:hover,
    .sajmi-nav #sajmi-browse-dropdown a:focus,
    .sajmi-nav #sajmi-browse-dropdown a:active,
    .sajmi-nav #sajmi-browse-dropdown a[aria-current="page"] {
        padding: 11px;
        background: #eaf3ec !important;
        color: var(--sb-dark) !important;
        border-color: #a8c3ad !important;
    }
    .sajmi-nav #sajmi-browse-dropdown a:focus-visible {
        outline: 2px solid var(--sb-green);
        outline-offset: 2px;
    }
}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .sajmi-nav #sajmi-browse-dropdown,
    .sajmi-nav #sajmi-browse-dropdown a { transition: none; }
}


/* ==========================================================
   SAJMI MOBILE BOTTOM NAVIGATION
========================================================== */

.sajmi-mobile-bottom-nav {
    display: none;
}


/* =========================
   MOBILE ONLY
========================= */

@media (max-width: 700px) {

    .sajmi-mobile-bottom-nav {

        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;

        height: 72px;

        background: #ffffff;

        display: grid;

        grid-template-columns:
            repeat(4, 1fr);

        align-items: stretch;

        z-index: 999998;

        border-top:
            1px solid rgba(0,0,0,.08);

        box-shadow:
            0 -5px 20px rgba(0,0,0,.10);

        padding:
            5px 0
            calc(5px + env(safe-area-inset-bottom));

    }


    /* =========================
       EACH BUTTON
    ========================= */

    .sajmi-bottom-item {

        border: 0;

        background: transparent;

        padding: 5px 2px;

        margin: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 4px;

        color: #2E5A44;

        text-decoration: none !important;

        font-family: inherit;

        cursor: pointer;

        -webkit-tap-highlight-color:
            transparent;

    }


    /* =========================
       ICON
    ========================= */

    .sajmi-bottom-item svg {

        width: 27px;
        height: 27px;

        fill: none;

        stroke: #2E5A44;

        stroke-width: 2;

        stroke-linecap: round;

        stroke-linejoin: round;

        display: block;

    }


    /* Home + All Product icons */
    .sajmi-bottom-item:first-child svg,
    .sajmi-bottom-item:nth-child(3) svg {

        fill: #2E5A44;

        stroke: #2E5A44;

    }


    /* =========================
       TEXT
    ========================= */

    .sajmi-bottom-item span {

        font-size: 12px;

        line-height: 1;

        font-weight: 600;

        white-space: nowrap;

        color: #2E5A44;

    }


    /* =========================
       TAP EFFECT
    ========================= */

    .sajmi-bottom-item:active {

        transform: scale(.94);

    }


    /* =========================
       SPACE FOR BOTTOM BAR
    ========================= */

    .sajmi-home {

        padding-bottom: 82px;

    }

}

/* ==========================================================
   MOBILE FIX — FLOATING CHAT + BOTTOM NAV
========================================================== */

@media (max-width: 700px) {

    /* Floating WhatsApp / Messenger / Call / Chat
       Bottom navigation-এর উপরে থাকবে */
    .sajmi-contact-float {
        bottom: 88px !important;
    }

    /* Website content bottom bar-এর নিচে ঢুকবে না */
    .sajmi-home {
        padding-bottom: 95px !important;
    }

}

/* ==========================================================
   SAJMI PREMIUM MOBILE SIDE MENU
========================================================== */

@media (max-width: 700px) {


    /* SIDE MENU */

    .sajmi-side-menu {

        width: 66% !important;

        max-width: 390px !important;

        min-width: 300px !important;

        background: #ffffff !important;

        padding:
            16px 22px 90px !important;

        box-sizing: border-box !important;

        overflow-y: auto !important;

        box-shadow:
            5px 0 20px rgba(0,0,0,.13) !important;

    }


    /* CLOSE BUTTON */

    .sajmi-menu-close {

        position: absolute !important;

        top: 10px !important;

        right: 12px !important;

        width: 34px !important;

        height: 34px !important;

        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        color: #111 !important;

        font-size: 32px !important;

        font-weight: 300 !important;

        line-height: 32px !important;

        z-index: 20 !important;

    }


    /* ======================================================
       LOGO
    ====================================================== */

    .sajmi-mobile-logo {

        width: 100% !important;

        display: flex !important;

        justify-content: center !important;

        align-items: center !important;

        padding:
            6px 0 14px !important;

    }


    .sajmi-mobile-logo a {

        display: block !important;

        line-height: 0 !important;

    }


    .sajmi-mobile-logo img {

        width: 115px !important;

        max-width: 115px !important;

        height: auto !important;

        display: block !important;

        object-fit: contain !important;

    }


    /* ======================================================
       MAIN MENU
    ====================================================== */

    .sajmi-mobile-main-links {

        display: flex !important;

        flex-direction: column !important;

        gap: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

    }


    .sajmi-mobile-main-links a {

        display: flex !important;

        align-items: center !important;

        gap: 13px !important;

        min-height: 44px !important;

        padding:
            0 8px !important;

        margin: 0 !important;

        border: 0 !important;

        border-radius: 0 !important;

        background: transparent !important;

        color: #111111 !important;

        text-decoration: none !important;

        font-size: 15px !important;

        font-weight: 650 !important;

        line-height: 1 !important;

    }


    /* PREMIUM ICON */

    .sajmi-menu-icon {

        width: 23px !important;

        min-width: 23px !important;

        height: 23px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

    }


    .sajmi-menu-icon svg {

        width: 20px !important;

        height: 20px !important;

        fill: none !important;

        stroke: #111111 !important;

        stroke-width: 1.8 !important;

        stroke-linecap: round !important;

        stroke-linejoin: round !important;

    }


    .sajmi-mobile-main-links a:active {

        background: #f5f5f5 !important;

    }


    /* ======================================================
       DIVIDER
    ====================================================== */

    .sajmi-mobile-divider {

        width: 100% !important;

        height: 1px !important;

        background: #dedede !important;

        margin:
            8px 0 !important;

    }


    /* ======================================================
       CATEGORIES
    ====================================================== */

    .sajmi-mobile-menu-categories {

        display: flex !important;

        flex-direction: column !important;

        gap: 0 !important;

        margin: 0 !important;

        padding: 2px 0 !important;

    }


    .sajmi-mobile-category-link {

        display: flex !important;

        align-items: center !important;

        min-height: 39px !important;

        padding:
            0 8px !important;

        margin: 0 !important;

        border: 0 !important;

        background: transparent !important;

        color: #222222 !important;

        text-decoration: none !important;

        font-size: 14px !important;

        font-weight: 400 !important;

        line-height: 1 !important;

    }


    .sajmi-mobile-category-link:active {

        background: #f5f5f5 !important;

    }


    /* LOADING */

    .mobile-category-loading {

        padding:
            8px !important;

        color: #888 !important;

        font-size: 13px !important;

    }


    /* ======================================================
       MY ACCOUNT
    ====================================================== */

    .sajmi-mobile-account {

        display: flex !important;

        align-items: center !important;

        gap: 13px !important;

        min-height: 44px !important;

        padding:
            0 8px !important;

        margin: 0 !important;

        border: 0 !important;

        background: transparent !important;

        color: #111111 !important;

        text-decoration: none !important;

        font-size: 15px !important;

        font-weight: 650 !important;

    }


    .sajmi-mobile-account .sajmi-menu-icon svg {

        width: 20px !important;

        height: 20px !important;

    }


    /* SCROLLBAR */

    .sajmi-side-menu::-webkit-scrollbar {

        width: 3px !important;

    }


    .sajmi-side-menu::-webkit-scrollbar-thumb {

        background: #cccccc !important;

        border-radius: 10px !important;

    }

}

/* ==========================================================
   SAJMI MOBILE SIDE MENU — FINAL DESIGN
========================================================== */

@media (max-width: 700px) {

    /* SIDE MENU — 60% */
    .sajmi-side-menu {
        width: 65vw !important;
        max-width: 65vw !important;
        min-width: 0 !important;

        padding: 8px 18px 80px !important;
        box-sizing: border-box !important;

        overflow-y: auto !important;
        background: #ffffff !important;
    }


    /* CLOSE BUTTON */
    .sajmi-menu-close {
        position: absolute !important;
        top: 7px !important;
        right: 8px !important;

        width: 32px !important;
        height: 32px !important;

        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;

        color: #111111 !important;
        font-size: 30px !important;
        font-weight: 300 !important;
        line-height: 30px !important;

        z-index: 20 !important;
    }


    /* ======================================================
       LOGO
    ====================================================== */

    .sajmi-mobile-logo {
        width: 100% !important;

        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;

        padding: 0 0 12px 8px !important;
        margin: 0 !important;
    }

    .sajmi-mobile-logo a {
        display: block !important;
        line-height: 0 !important;
    }

    .sajmi-mobile-logo img {
        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;

        display: block !important;
        object-fit: contain !important;
    }


    /* ======================================================
       MAIN MENU
    ====================================================== */

    .sajmi-mobile-main-links {
        display: flex !important;
        flex-direction: column !important;

        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* MENU ITEM — LIVE SHOPPING STYLE GAP */
    .sajmi-mobile-main-links a {
        display: flex !important;
        align-items: center !important;

        gap: 11px !important;

        min-height: 35px !important;
        height: 35px !important;

        padding: 0 5px !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;

        color: #111111 !important;
        text-decoration: none !important;

        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1 !important;
    }


    /* ======================================================
       ICONS
    ====================================================== */

    .sajmi-menu-icon {
        width: 21px !important;
        min-width: 21px !important;
        height: 21px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .sajmi-menu-icon svg {
        width: 19px !important;
        height: 19px !important;

        fill: none !important;
        stroke: #111111 !important;

        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }


    /* ======================================================
       DIVIDER
    ====================================================== */

    .sajmi-mobile-divider {
        width: 100% !important;
        height: 1px !important;

        background: #dedede !important;

        margin: 8px 0 !important;
    }


    /* ======================================================
       CATEGORIES
    ====================================================== */

    .sajmi-mobile-menu-categories {
        display: flex !important;
        flex-direction: column !important;

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .sajmi-mobile-category-link {
        display: flex !important;
        align-items: center !important;

        min-height: 40px !important;
        height: 40px !important;

        padding: 0 5px !important;
        margin: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #222222 !important;
        text-decoration: none !important;

        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }


    /* ======================================================
       MY ACCOUNT
    ====================================================== */

    .sajmi-mobile-account {
        display: flex !important;
        align-items: center !important;

        gap: 11px !important;

        min-height: 45px !important;
        height: 45px !important;

        padding: 0 5px !important;
        margin: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #111111 !important;
        text-decoration: none !important;

        font-size: 14px !important;
        font-weight: 650 !important;
    }


    .sajmi-mobile-account .sajmi-menu-icon svg {
        width: 19px !important;
        height: 19px !important;
    }


    /* ======================================================
       TOUCH EFFECT
    ====================================================== */

    .sajmi-mobile-main-links a:active,
    .sajmi-mobile-category-link:active,
    .sajmi-mobile-account:active {
        background: #f5f5f5 !important;
    }


    /* ======================================================
       SCROLLBAR
    ====================================================== */

    .sajmi-side-menu::-webkit-scrollbar {
        width: 3px !important;
    }

    .sajmi-side-menu::-webkit-scrollbar-thumb {
        background: #cccccc !important;
        border-radius: 10px !important;
    }

}


/* ==========================================================
   SAJMI MASTER HEADER — FINAL OVERRIDE
   ----------------------------------------------------------
   এই অংশটি শুধু নতুন Global Master Header-এর জন্য।
   আগের সব CSS অপরিবর্তিত রাখা হয়েছে।

   Desktop:
   SAJMI Logo | Search | Track Order | Account | Cart

   Mobile:
   আগের mobile header design-ই থাকবে।
========================================================== */


/* ==========================================================
   MASTER HEADER DESKTOP
========================================================== */

@media (min-width: 701px) {

    /* Logo | Search | Track Order | Icons */
    .sajmi-master-header .sajmi-header {

        grid-template-columns:
            190px
            minmax(240px, 1fr)
            auto
            auto !important;

        gap: 24px !important;

    }


    /* Search bar */
    .sajmi-master-header .sajmi-search-box {

        width: 100% !important;
        max-width: none !important;

    }


    /* Track Order button */
    .sajmi-master-header .sajmi-track-order {

        height: 44px;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 0 18px;

        border: 1px solid #2E5A44;

        background: #fff;

        color: #2E5A44;

        font-size: 12px;

        font-weight: 700;

        letter-spacing: .3px;

        white-space: nowrap;

        text-decoration: none !important;

        transition: .2s ease;

    }


    /* Mouse নিলে green হবে */
    .sajmi-master-header .sajmi-track-order:hover {

        background: #2E5A44;

        color: #fff;

    }


    /* Master Header logo */
    .sajmi-master-header .sajmi-logo img {

        width: 170px;

        height: auto;

        display: block;

    }


    /* Navigation একটু inward */
    .sajmi-master-header .sajmi-nav-inner {

        padding-left: 25px !important;

        padding-right: 25px !important;

        box-sizing: border-box !important;

    }

}


/* ==========================================================
   MASTER HEADER MOBILE
========================================================== */

@media (max-width: 700px) {

    /* Mobile-এ Track Order আলাদা জায়গা নেবে না */
    .sajmi-master-header .sajmi-track-order {

        display: none !important;

    }


    /* Mobile logo */
    .sajmi-master-header .sajmi-logo img {

        width: 110px !important;

        max-height: 48px !important;

        height: auto !important;

    }

}
/* =========================================================
   SAJMI HEADER – SEARCH BAR ছোট + TRACK ORDER পাশে
   ========================================================= */

/* Search bar একটু ছোট করা */
.sajmi-search-box {
    flex: 0 1 360px !important;
    max-width: 360px !important;
}

/* Track Order search bar-এর ঠিক ডান পাশে */
.sajmi-track-order {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    margin-left: 8px !important;
	
}

/* =========================
   TRACK ORDER BUTTON
   ========================= */

.sajmi-track-order {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #2E5A44 !important;
    color: #ffffff !important;

    padding: 11px 24px !important;
    min-width: 120px !important;

    border-radius: 5px !important;

    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    white-space: nowrap;
    transition: 0.2s ease;
}

/* Hover করলে সামান্য গাঢ় হবে */
.sajmi-track-order:hover {
    background: #244936 !important;
    color: #ffffff !important;
}

/* ==========================================
   MASTER HEADER NAV
   Button গুলো একটু ডানদিকে সরানো
========================================== */

@media (min-width: 701px) {

    .sajmi-master-header .sajmi-nav-inner {

        padding-left: 135px !important;
        padding-right: 25px !important;

        box-sizing: border-box !important;

    }

}



    .sajmi-hero > img {
        margin-top: 0 !important;
    }



/* ==========================================
   MOBILE LOGO — সামান্য বড় করা
========================================== */
@media (max-width: 700px) {

    .sajmi-master-header .sajmi-logo img {
        width: 118px !important;
        max-height: 52px !important;
        height: auto !important;
    }

}

/* ==========================================
   MOBILE — HERO-এর আগের অতিরিক্ত GAP REMOVE
========================================== */

@media (max-width: 700px) {

    .sajmi-master-header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .sajmi-home {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .sajmi-hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
	
}

/* ==========================================================
   SAJMI FOOTER — FINAL CLEAN FIX
========================================================== */

/* FOOTER */
.sajmi-footer {
    background: #171b18 !important;
    color: #fff !important;
}

/* MAIN FOOTER GRID */
.sajmi-footer .sajmi-footer-inner {
    width: min(1380px, calc(100% - 50px)) !important;
    margin: 0 auto !important;
    padding: 50px 0 45px !important;

    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 55px !important;

    align-items: start !important;
}


/* ==========================================================
   SAJMI BRAND
========================================================== */

.sajmi-footer .footer-brand {
    min-width: 0 !important;
}


/* LOGO */
.sajmi-footer .footer-logo {
    width: 190px !important;
    height: 65px !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    font-size: 0 !important;
    letter-spacing: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* LOGO IMAGE — fixed size */
.sajmi-footer .footer-logo img {
    display: block !important;

    width: 170px !important;
    height: 60px !important;

    max-width: 170px !important;
    max-height: 58px !important;

    object-fit: contain !important;
    object-position: left center !important;
}


/* DESCRIPTION */
.sajmi-footer .footer-brand p {
    margin: 0 0 15px !important;

    color: #aaa !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* ==========================================================
   FACEBOOK + WHATSAPP
========================================================== */

.sajmi-footer .footer-social {
    width: fit-content !important;
    height: auto !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #cbd8d0 !important;
    font-size: 13px !important;
    line-height: 20px !important;

    text-decoration: none !important;
}


/* ICON — কখনো বড় হবে না */
.sajmi-footer .footer-social svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    flex: 0 0 18px !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    fill: currentColor !important;
}


/* ==========================================================
   FOOTER COLUMNS
========================================================== */

.sajmi-footer .footer-column {
    display: flex !important;
    flex-direction: column !important;

    gap: 11px !important;

    min-width: 0 !important;
}


.sajmi-footer .footer-column h4 {
    margin: 0 0 8px !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 1.5px !important;
}


.sajmi-footer .footer-column a {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #999 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    text-decoration: none !important;
}


.sajmi-footer .footer-column a:hover {
    color: #fff !important;
}


/* ==========================================================
   FOOTER BOTTOM
========================================================== */

.sajmi-footer .sajmi-footer-bottom {
    width: min(1380px, calc(100% - 50px)) !important;

    margin: 0 auto !important;
    padding: 18px 0 !important;

    border-top: 1px solid #333 !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;

    color: #777 !important;
    font-size: 10px !important;
}


/* ==========================================================
   MOBILE FOOTER
========================================================== */

@media (max-width: 700px) {

    .sajmi-footer .sajmi-footer-inner {
        width: 100% !important;

        padding: 40px 20px 30px !important;

        grid-template-columns: 1fr 1fr !important;
        gap: 30px 20px !important;
    }


    .sajmi-footer .footer-brand {
        grid-column: 1 / -1 !important;
    }


    .sajmi-footer .footer-logo {
        width: 145px !important;
        height: 50px !important;
    }


    .sajmi-footer .footer-logo img {
        width: 145px !important;
        height: 50px !important;

        max-width: 145px !important;
        max-height: 50px !important;
    }


    .sajmi-footer .footer-brand p {
        font-size: 12px !important;
    }


    .sajmi-footer .footer-social {
        font-size: 12px !important;
        margin-bottom: 9px !important;
    }


    .sajmi-footer .footer-social svg {
        width: 17px !important;
        height: 17px !important;

        min-width: 17px !important;
        min-height: 17px !important;

        max-width: 17px !important;
        max-height: 17px !important;

        flex-basis: 17px !important;
    }


    .sajmi-footer .footer-column {
        gap: 9px !important;
    }


    .sajmi-footer .footer-column h4 {
        font-size: 10px !important;
    }


    .sajmi-footer .footer-column a {
        font-size: 11px !important;
    }


    .sajmi-footer .sajmi-footer-bottom {
        width: 100% !important;

        padding: 15px 20px !important;

        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 6px !important;

        font-size: 9px !important;
    }
}
	
	/* =========================================================
   SAJMI CHECKOUT
   Desktop = Form + Order পাশাপাশি
   Mobile = আগে Order, পরে Checkout Form
========================================================= */


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 701px) {

    /* পুরো checkout দুই কলামে */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-wrap: wrap;
        gap: 30px;
        align-items: flex-start;
    }

    /* Checkout Form */
    .woocommerce-checkout #customer_details {
        width: calc(55% - 15px) !important;
        float: none !important;
        order: 1;
    }

    /* আপনার অর্ডার */
    .woocommerce-checkout #order_review {
        width: calc(45% - 15px) !important;
        float: none !important;
        order: 2;
    }

    /* Button নিচে সুন্দরভাবে */
    .woocommerce-checkout #place_order {
        width: 100%;
        min-height: 48px;
        border-radius: 7px;
    }

}


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

@media (max-width: 700px) {

    /* Checkout-এর মূল layout */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px;
    }


    /* ==========================================
       1. ORDER SUMMARY — প্রথমে
    ========================================== */

    .woocommerce-checkout #order_review {
        order: 1 !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }


    /* ==========================================
       2. CHECKOUT FORM — পরে
    ========================================== */

    .woocommerce-checkout #customer_details {
        order: 2 !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }


    /* ==========================================
       ORDER TABLE ছোট ও clean
    ========================================== */

    .woocommerce-checkout-review-order-table {
        width: 100% !important;
        font-size: 14px;
    }


    /* Product image */
    .woocommerce-checkout-review-order-table img {
        max-width: 65px !important;
        height: auto !important;
        border-radius: 6px;
    }


    /* ==========================================
       FORM INPUT
    ========================================== */

    .woocommerce-checkout input.input-text,
    .woocommerce-checkout textarea,
    .woocommerce-checkout select {
        width: 100% !important;
        min-height: 44px;
        border-radius: 7px;
        box-sizing: border-box;
    }


    /* ==========================================
       LABEL
    ========================================== */

    .woocommerce-checkout label {
        font-size: 14px;
        font-weight: 600;
    }


    /* ==========================================
       ORDER CONFIRM BUTTON
    ========================================== */

    .woocommerce-checkout #place_order {
        width: 100% !important;
        min-height: 48px;
        border-radius: 8px;
        font-size: 17px;
        font-weight: 700;
    }

}
	
@media (max-width: 767px) {
  html,
  body {
    overscroll-behavior-y: none;
  }

  /* নিচের মেনুর সমান জায়গা রাখুন */
  html body.sajmi-global-nav-ready {
    padding-bottom: calc(
      64px + env(safe-area-inset-bottom, 0px)
    ) !important;
  }
}

	

/* Responsive blocks are closed at their own sections. */

/* মোবাইল ও ডেস্কটপ—দুটোর জন্য। কোনো @media ব্লকের ভিতরে রাখবেন না। */
html body #sajmi-floating-cart {
  z-index: 99990 !important;
}

/* বন্ধ অবস্থায় নীল */
html body .sajmi-contact-float {
  --sajmi-chat-color: #1877f2;
  z-index: 100000 !important;
}

/* ক্লিক করে অপশন খুললে সবুজ */
html body .sajmi-contact-float.open {
  --sajmi-chat-color: #2e5a44;
}

html body .sajmi-contact-float .sajmi-contact-main,
html body .sajmi-contact-float .sajmi-contact-main:hover,
html body .sajmi-contact-float .sajmi-contact-main:focus,
html body .sajmi-contact-float .sajmi-contact-main:active,
html body .sajmi-contact-float .sajmi-contact-main[aria-expanded="true"] {
  background: var(--sajmi-chat-color) !important;
  border-color: var(--sajmi-chat-color) !important;
  color: #fff !important;
}

html body .sajmi-contact-float .sajmi-chat-dots i {
  background: var(--sajmi-chat-color) !important;
}

html body .sajmi-contact-float .sajmi-contact-main:focus-visible {
  outline: 2px solid var(--sajmi-chat-color);
  outline-offset: 3px;
}