.elementor-2328 .elementor-element.elementor-element-5a2579ff{--display:flex;}@media(min-width:768px){.elementor-2328 .elementor-element.elementor-element-5a2579ff{--content-width:1460px;}}/* Start custom CSS for container, class: .elementor-element-5a2579ff *//* ১. টেবিল স্ট্রাকচারকে গ্রিডে রূপান্তর করা */
.qwfw-m-items.shop_table, 
.qwfw-m-items.shop_table tbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* ৩টি কলাম নিশ্চিত করা */
    gap: 30px 15px !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    align-items: stretch !important;
}

/* ২. আপনার দেওয়া <tr> ক্লাসকে গ্রিড আইটেম বানানো */
tr.qwfw-m-items-content-row, 
tr.qwfw-m-items-content-row td {
    background-color: transparent !important; /* সব ব্যাকগ্রাউন্ড পুরোপুরি ভ্যানিশ */
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
   height: 100% !important;
    
    
}


/* ৫. টাইটেল এবং প্রাইস (আন্ডারলাইন রিমুভ) */
.qwfw-e-item-name {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important; 
    margin-bottom: 5px !important;
    display: block !important;
    font-family: "Graphik", "Helvetica", sans-serif !important;
    color: #323232 !important;
    margin: 10px 0 !important;
    text-align: left;
}

.qwfw-e-item-name a {
    text-decoration: none !important;
    color: inherit !important;
}

/* ৬. অ্যাড টু কার্ট বাটন স্টাইল */
.product-add-to-cart .qwfw-e-add-to-cart {
    display: block !important;
    width: 100% !important;
    background: #000 !important; /* ব্ল্যাক বাটন */
    color: #fff !important;
    border-radius: 0 !important;
    padding: 12px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-top: 10px !important;
    text-align: center;
}

/* ৭. অপ্রয়োজনীয় টেবিল ডাটা (td) হাইড করা */
.qwfw-m-items-heading, 
.product-stock-status,
td.product-subtotal {
    display: none !important;
}

/* ৮. রেসপন্সিভ (মোবাইল ও ট্যাবলেট) */
@media (max-width: 1024px) {
    .qwfw-m-items.shop_table, 
    .qwfw-m-items.shop_table tbody {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .qwfw-m-items.shop_table, 
    .qwfw-m-items.shop_table tbody {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ১. মেইন গ্রিড সেটআপ - প্রতি লাইনে ৩টি প্রোডাক্ট */
.qwfw-m-items.shop_table {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* এক লাইনে ৩টি */
    gap: 20px !important; /* প্রোডাক্টগুলোর মাঝের ফাঁকা জায়গা */
    border: none !important;
    background-color: transparent !important;
    width: 100% !important;
    max-width: 1400px; /* আপনার সাইটের কন্টেইনার উইডথ অনুযায়ী অ্যাডজাস্ট করুন */
    margin: 0 auto !important;
}

/* ২. প্রতিটি প্রোডাক্ট কার্ডের স্টাইল (Lunya Style) */
.qwfw-m-items-content-row {
    display: flex !important;
    flex-direction: column !important; /* লম্বালম্বি সাজানো */
    position: relative !important;
    border: none !important;
    background: #fff;
    padding: 0 0 20px 0 !important; /* নিচের প্যাডিং */
    transition: all 0.3s ease;
}


/* ৪. টেক্সট এবং কন্টেন্ট এরিয়া স্টাইল */
.qwfw-e-item-inner {
    padding: 0 10px !important; /* টেক্সটের দুইপাশে হালকা প্যাডিং */
    display: flex;
    flex-direction: column;
}

/* ৫. ক্যাটাগরি এবং প্রোডাক্ট নাম (Lunya Typography) */
.qwfw-e-item-category {
    display: block;
    font-family: 'Playfair Display', serif; /* Serif Font */
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    color: #888;
}


/* ৬. প্রাইস এবং স্টক স্ট্যাটাস স্টাইল */
.product-price .price, 
.product-price .woocommerce-Price-amount {
    display: inline-flex !important;
    white-space: nowrap !important;
    align-items: center !important;
    gap: 5px !important;
    font-weight: 500 !important;
    font-family: "Graphik", "Helvetica", sans-serif !important; /* Lunya Font Family */
    color: #323232 !important;
    font-size: 12.5px !important;
}

/* ডিসকাউন্ট প্রাইস থাকলে সেটিও এক লাইনে থাকবে */
.product-price .price del, 
.product-price .price ins {
    display: inline-block !important;
    margin-right: 5px !important;
}

/* ৭. "Add to Cart" বাটন স্টাইল (লুনিয়া "+ QUICK ADD" স্টাইল) */
.product-add-to-cart .qwfw-e-add-to-cart {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #ffffff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important; /* শার্প কর্নার */
    padding: 15px !important; /* বাটনের হাইট বাড়ানোর জন্য */
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-top: auto; /* বাটনকে কার্ডের নিচে পুশ করবে */
    transition: all 0.3s ease;
}

.product-add-to-cart .qwfw-e-add-to-cart:hover {
    background: #000 !important;
    color: #fff !important;
}

/* ৯. অপ্রয়োজনীয় অংশ হাইড করা */
.qwfw-m-items-heading, /* টেবিল হেডার */
.product-stock-status, /* স্টক স্ট্যাটাস */
.qwfw-e-item-added-date { /* ডেট */
    display: none !important;
}

/* ১০. রেসপন্সিভ সেটিংস */
@media (max-width: 1024px) {
    .qwfw-m-items.shop_table {
        grid-template-columns: repeat(2, 1fr) !important; /* ট্যাবলেটে ২টা */
        height: auto !important;
    }
    .qwfw-e-item.product-thumbnail {
        height: 350px !important; /* ট্যাবলেটে ইমেজ হাইট অ্যাডজাস্ট */
    }
}

@media (max-width: 768px) {
    .qwfw-m-items.shop_table {
        grid-template-columns: repeat(1, 1fr) !important; /* মোবাইলে ১টা */
        height: auto !important;
    }
    .qwfw-e-item.product-thumbnail {
        height: auto !important; /* মোবাইলে অটো হাইট */
        aspect-ratio: 1 / 1; /* স্কয়ার রেশিও বজায় রাখবে */
    }
}

/* ১. ইমেজ কন্টেইনার এবং ইমেজের সাইজ ফিক্স করা */
.qwfw-e-item.product-thumbnail, 
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 466.5px !important;
    height: 471px !important;
    max-width: 466.5px !important; /* যাতে ছোট না হয়ে যায় */
    min-width: 466.5px !important; /* মিনিমাম সাইজ নিশ্চিত করা */
    object-fit: cover !important; /* ইমেজ যাতে চ্যাপ্টা না হয়ে যায় */
    display: block !important;
   
}

/* ৩. প্রতি কলামে ৩টি প্রোডাক্ট নিশ্চিত করা (অ্যাডজাস্টেড) */
.qwfw-m-items.shop_table {
    display: grid !important;
    grid-template-columns: repeat(3, 466px) !important; /* ফিক্সড ৩টি কলাম */
    justify-content: center !important; /* কন্টেন্ট মাঝখানে রাখা */
    gap: 30px !important; 
    border: none !important;
    width: 100% !important;
}

.product-remove {
    position: absolute !important;
    top: 20px;
    right: 15px;
    z-index: 5;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center;
    
}

.qwfw-wishlist-table .qwfw-m-items .qwfw-e-item.product-remove a .qwfw-e-remove-button-icon svg {
    display: block;
    width: 20px;
    height: auto;
    fill: none;
    stroke: currentColor
}

.woocommerce-Price-currencySymbol {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
}/* End custom CSS */