/* Menu Alignment */

.nav-align-center .inside-navigation{
    justify-content:center;
}

/* Hover */

.main-navigation .main-nav ul li a:hover{
    opacity:0.7;
} 

/* ==================================================
   BANGLA FONT
================================================== */

body,
button,
input,
textarea,
select {

    font-family:
    'Hind Siliguri',
    sans-serif;
}
/* =========================================================
   
Checkout Layout 
========================================================= */


/* Checkout Layout */
.woocommerce-checkout .content-area {
    width: 100%;
}

/* Form Design */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border-radius: 10px;
    padding: 14px;
    border: 1px solid #ddd;
    font-size: 16px;
}

/* Checkout Button */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width: 100%;
    border-radius: 10px;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
}


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

    .woocommerce-checkout-review-order,
    .woocommerce-checkout #customer_details {
        width: 100%;
    }

} 

/* =================================================================
   WOOCOMMERCE PAGINATION
========================= */

.woocommerce nav.woocommerce-pagination {
    margin-top: 30px;
    text-align: center;
}

/* Remove default list style */

.woocommerce nav.woocommerce-pagination ul {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

/* Remove list item border */

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    list-style: none;
    overflow: visible;
}

/* Pagination buttons */

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    border-radius: 10px;
    background: #f5f5f5;
    color: #111;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s ease;
}

/* Hover */

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #111;
    color: #fff;
}

/* Current page */

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #111;
    color: #fff;
}

/* Mobile Optimization */

@media(max-width:768px){

    .woocommerce nav.woocommerce-pagination ul {
        gap: 6px;
    }

    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
        border-radius: 8px;
    }

}

/*-------------------------------------------------*/
/* ==================================================
   HEADER CART SVG FIX
================================================== */

.nk-header-cart a{

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    text-decoration:none;
}

/* SVG Wrapper */

.nk-cart-svg{

    width:24px;
    height:24px;

    display:flex;

    align-items:center;
    justify-content:center;

    line-height:1;
}

/* SVG */

.nk-cart-svg svg{

    width:100%;
    height:100%;

    display:block;

    color:#111;
}

/* Mobile Fix */

@media(max-width:768px){

    .nk-cart-svg{

        width:22px;
        height:22px;
    }

}

/* ================================================================
                           Home PAGE
========================= ======================================== */
/* =========================
   HOMEPAGE HERO SECTION
========================= */

.nk-hero-section {
    padding: 70px 40px;
    margin: 30px 0 50px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f7f7f7, #ffffff);
    overflow: hidden;
}

.nk-hero-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.nk-hero-text {
    flex: 1;
}

.nk-hero-badge {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.nk-hero-section h1 {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 800;
    color: #111;
    margin-bottom: 20px;
}

.nk-hero-section p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
    max-width: 550px;
}

.nk-hero-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.nk-primary-btn,
.nk-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 28px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease;
}

.nk-primary-btn {
    background: #111;
    color: #fff;
}

.nk-primary-btn:hover {
    background: #e53935;
    color: #fff;
}

.nk-secondary-btn {
    border: 2px solid #111;
    color: #111;
    background: transparent;
}

.nk-secondary-btn:hover {
    background: #111;
    color: #fff;
}

.nk-hero-image {
    flex: 1;
    text-align: center;
}

.nk-hero-image img {
    max-width: 100%;
    border-radius: 24px;
}

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

@media(max-width:768px){

    .nk-hero-section {
        padding: 35px 20px;
        border-radius: 18px;
    }

    .nk-hero-content {
        flex-direction: column-reverse;
        text-align: center;
    }

    .nk-hero-section h1 {
        font-size: 34px;
    }

    .nk-hero-section p {
        font-size: 15px;
        max-width: 100%;
    }

    .nk-hero-buttons {
        justify-content: center;
    }

}  

/* ==================================================
   AJAX SEARCH SECTION
================================================== */

.ajaxsearchlite {
    max-width: 760px !important;
    margin: 40px auto !important;
}

/* Main Search Box */

.ajaxsearchlite .probox {
    height: 64px !important;

    border-radius: 18px !important;

    border: 1px solid #eee !important;

    background: #fff !important;

    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;

    overflow: hidden;
}

/* Input */

.ajaxsearchlite .probox .proinput input {
    height: 64px !important;

    font-size: 16px !important;

    color: #111 !important;

    padding-left: 10px !important;
}

/* Placeholder */

.ajaxsearchlite .probox .proinput input::placeholder {
    color: #999 !important;
}

/* Search Icon */

.ajaxsearchlite .probox .promagnifier {
    background: #111 !important;

    border-radius: 12px !important;

    margin: 8px !important;

    width: 48px !important;
    height: 48px !important;
}

/* Search Icon SVG */

.ajaxsearchlite .probox .promagnifier svg {
    fill: #fff !important;
}

/* Results Dropdown */

.asl_w_container {
    border-radius: 16px !important;

    overflow: hidden !important;

    border: 1px solid #eee !important;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
}

/* Result Item */

.asl_w .results .item {
    padding: 14px !important;

    border-bottom: 1px solid #f5f5f5 !important;
}

/* Hover */

.asl_w .results .item:hover {
    background: #fafafa !important;
}

/* Product Title */

.asl_w .results .item .asl_content h3,
.asl_w .results .item .asl_content h3 a {
    font-size: 15px !important;

    color: #111 !important;

    font-weight: 600 !important;
}

/* Product Description */

.asl_w .results .item .asl_content .asl_desc {
    font-size: 13px !important;

    color: #777 !important;
}

/* Image */

.asl_w .results .item .asl_image {
    border-radius: 10px !important;

    overflow: hidden !important;
}

/* Mobile */

@media(max-width:768px){

    .ajaxsearchlite {
        margin: 25px auto !important;
    }

    .ajaxsearchlite .probox {
        height: 56px !important;
        border-radius: 14px !important;
    }

    .ajaxsearchlite .probox .proinput input {
        height: 56px !important;
        font-size: 15px !important;
    }

}  


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

.nk-category-section {
    margin: 70px 0;
}

.nk-section-header {
    text-align: center;
    margin-bottom: 40px;
}

.nk-section-header h2 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #111;
}

.nk-section-header p {
    font-size: 16px;
    color: #666;
}

/* Grid */

.nk-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* Card */

.nk-category-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    text-decoration: none;
    background: #f5f5f5;
    transition: 0.3s ease;
}

/* Image */

.nk-category-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

/* Overlay */

.nk-category-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7),
        rgba(0,0,0,0)
    );
}

/* Title */

.nk-category-content h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: 700;
}

/* Text */

.nk-category-content span {
    color: #fff;
    font-size: 14px;
    opacity: 0.9;
}

/* Hover */

.nk-category-card:hover {
    transform: translateY(-5px);
}

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

@media(max-width:992px){

    .nk-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

} 


@media(max-width:768px){

    .nk-category-section {
        margin: 50px 0;
    }

    .nk-section-header h2 {
        font-size: 28px;
    }

    .nk-section-header p {
        font-size: 14px;
    }

    .nk-category-grid {
        gap: 14px;
    }

    .nk-category-card img {
        height: 220px;
    }

    .nk-category-content {
        padding: 16px;
    }

    .nk-category-content h3 {
        font-size: 18px;
    }

} 

/* ----------Hide Category Section On Mobile-------------- */

@media(max-width:768px){

    .nk-category-section{
        display:none;
    }

}
/* =========================
   FEATURED PRODUCTS
========================= */

.nk-featured-products {
    margin: 80px 0;
}

.nk-home-products {
    margin-top: 30px;
}

/* Better spacing */

.nk-home-products ul.products {
    margin-top: 0;
}

/* Section spacing */

.nk-featured-products .products {
    padding: 0;
}

/* Mobile */

@media(max-width:768px){

    .nk-featured-products {
        margin: 50px 0;
    }

} 

/* ==================================================
   LOAD MORE BUTTON
================================================== */

.nk-load-more-wrap{
    text-align:center;
    margin-top:40px;
}

#nk-load-more-btn{
    background:#111;
    color:#fff;

    border:none;

    padding:16px 28px;

    border-radius:12px;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:0.2s ease;
}

#nk-load-more-btn:hover{
    background:#e53935;
}
/* =========================
   TRUST SECTION
========================= */

.nk-trust-section {
    margin: 80px 0;
}

.nk-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

/* Card */

.nk-trust-card {
    background: #fff;
    border-radius: 20px;
    padding: 35px 25px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

/* Hover */

.nk-trust-card:hover {
    transform: translateY(-5px);
}

/* Icon */

.nk-trust-icon {
    font-size: 42px;
    margin-bottom: 20px;
}

/* Title */

.nk-trust-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #111;
}

/* Text */

.nk-trust-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #666;
}

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

@media(max-width:992px){

    .nk-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

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

@media(max-width:768px){

    .nk-trust-section {
        margin: 50px 0;
    }

    .nk-trust-grid {
        gap: 16px;
    }

    .nk-trust-card {
        padding: 25px 18px;
        border-radius: 16px;
    }

    .nk-trust-icon {
        font-size: 34px;
        margin-bottom: 15px;
    }

    .nk-trust-card h3 {
        font-size: 17px;
    }

    .nk-trust-card p {
        font-size: 14px;
    }

}

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

.nk-footer-bottom{
    background:#111;
    color:#fff;

    padding:30px 20px;

    text-align:center;
}

/* Footer Menu */

.nk-footer-menu{
    display:flex;

    justify-content:center;

    gap:20px;

    list-style:none;

    margin:0 0 18px;

    padding:0;

    flex-wrap:wrap;
}

.nk-footer-menu li{
    margin:0;
}

.nk-footer-menu a{
    color:rgba(255,255,255,0.75);

    text-decoration:none;

    font-size:15px;

    transition:0.2s ease;
}

.nk-footer-menu a:hover{
    color:#fff;
}

/* Copyright */

.nk-footer-bottom p{
    margin:0;

    font-size:14px;

    color:rgba(255,255,255,0.7);
}

/* Mobile */

@media(max-width:768px){

    .nk-footer-menu{
        gap:14px;
    }

    .nk-footer-menu a{
        font-size:14px;
    }

} 

/* ==================================================
   MOBILE BAR ACTIVE STATE
================================================== */

.nk-mobile-bar a.active{
    color:#e53935;
}

/* Better icon spacing */

.nk-mobile-bar span{
    line-height:1;
} 

/* ==================================================
   FIX MOBILE BAR ON SHOP PAGE
================================================== */

/* Force mobile bar above WooCommerce */

.nk-mobile-bar{

    position:fixed !important;

    bottom:0 !important;
    left:0 !important;

    width:100% !important;

    z-index:99999999 !important;

    transform:none !important;

    visibility:visible !important;

    opacity:1 !important;
}

/* Prevent parent stacking issues */

body.woocommerce,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag{

    overflow-x:hidden !important;
}

/* Remove transform conflicts */

body.woocommerce #page,
body.woocommerce .site,
body.woocommerce .site-content,
body.woocommerce .content-area,
body.woocommerce main{

    transform:none !important;
}

/* Ensure space for footer nav */

@media(max-width:768px){

    body.woocommerce,
    body.post-type-archive-product,
    body.single-product{

        padding-bottom:85px !important;
    }

}
/* ==================================================
   CUSTOM WISHLIST
================================================== */

ul.products li.product{
    position:relative;
}

/* Wishlist Button */

.nk-wishlist-btn{

    position:absolute;

    top:12px;
    right:12px;

    width:40px;
    height:40px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,0.95);

    box-shadow:0 2px 10px rgba(0,0,0,0.08);

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:10;

    font-size:18px;

    transition:0.2s ease;
}

/* Hover */

.nk-wishlist-btn:hover{
    transform:scale(1.05);
}

/* Active */

.nk-wishlist-btn.active{
    color:#e53935;
} 

/* ==================================================
   WISHLIST PAGE
================================================== */

.nk-wishlist-page{
    padding:40px 0;
}

.nk-wishlist-page h2{
    font-size:36px;
    font-weight:700;

    margin-bottom:30px;

    color:#111;
}

/* Empty */

.nk-wishlist-page p{
    font-size:16px;
    color:#666;
} 
/* ==================================================
   MOBILE BOTTOM BAR
================================================== */

.nk-mobile-bar{

    position:fixed;

    bottom:0;
    left:0;

    width:100%;

    background:#fff;

    border-top:1px solid #eee;

    display:none;

    justify-content:space-around;

    align-items:center;

    padding:10px 5px;

    z-index:9999;

    box-shadow:0 -2px 10px rgba(0,0,0,0.05);
}

/* Links */

.nk-mobile-bar a{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#111;

    font-size:12px;

    gap:4px;

    flex:1;
}

/* Icons */

.nk-mobile-bar a span{
    font-size:20px;
}

/* Hover */

.nk-mobile-bar a:hover{
    color:#e53935;
}

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

@media(max-width:768px){

    .nk-mobile-bar{
        display:flex;
    }

    body{
        padding-bottom:75px;
    }

}