
.item-list-section {
        display: block; /* মোবাইলে দেখাবে */
        background-color: #000; /* কালো ব্যাকগ্রাউন্ড */
        color: #fff; /* সাদা টেক্সট */
        box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* শ্যাডো যোগ করা হয়েছে */
    }

    .item-list-section h2 {
        color: #fff;
        text-align: left; /* মোবাইলে বাম দিকে শিরোনাম */
        padding-left: 20px; /* বাম পাশে প্যাডিং */
        border-left: 5px solid #f00; /* লাল বর্ডার */
        font-size: 1rem;
        font-weight: bold;
    }
	

    .item-carousel {
        display: flex;
        overflow-x: auto; /* হরিজন্টাল স্ক্রলিং সক্ষম */
        -webkit-overflow-scrolling: touch; /* iOS এ মসৃণ স্ক্রলিং */
        scroll-snap-type: x mandatory; /* মসৃণ স্ন্যাপিং */
    }

    /* স্ক্রলবার স্টাইল (মোবাইলে কিছুটা অদৃশ্য বা পাতলা) */
    .item-carousel::-webkit-scrollbar {
        height: 6px;
    }
    .item-carousel::-webkit-scrollbar-track {
        background: #333;
        border-radius: 3px;
    }
    .item-carousel::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 3px;
    }
    .item-carousel::-webkit-scrollbar-thumb:hover {
        background: #777;
    }
    .item-carousel {
        -ms-overflow-style: -ms-autohiding-scrollbar; /* Edge এ লুকানোর জন্য */
        scrollbar-width: thin; /* Firefox এ পাতলা করার জন্য */
    }

    .item-card {
        flex: 0 0 155px; /* কার্ডের স্থির প্রস্থ */
        min-width: 155px; /* সর্বনিম্ন প্রস্থ */
        background-color: #1a1a1a; /* গাঢ় কালো ব্যাকগ্রাউন্ড */
        border: 2px solid #f00; /* লাল বর্ডার */
        border-radius: 10px;
        text-align: center;
        display: flex;
		max-height: 250px;
        flex-direction: column;
        scroll-snap-align: start; /* স্ক্রল স্ন্যাপ */
        box-shadow: 0 2px 5px rgba(0,0,0,0.5); /* হালকা শ্যাডো */
		margin-left: 5px;
		margin-right: 5px;
    }

    .item-image {
		align-self: center;
        width: 150px;
        height: 150px;
        object-fit: contain; /* ছবির অনুপাত ঠিক রেখে ফিট হবে */
        border-radius: 15px;
		margin: 2px;
    }

    .item-title {
    color: #fff; /* সাদা টেক্সট */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    text-decoration: none;
	font-size: 0.6rem;
	margin: 0px;
    }

    .item-price {
        font-size: 0.7rem;
        font-weight: bold;
        color: #00ff00; /* উজ্জ্বল সবুজ দাম */
		margin: 0px;
    }

    .buy-now-btn, .add-to-cart-btn, .view-more-btn{
        background-color: #f00; /* লাল বাটন */
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-decoration: none; /* লিঙ্কের আন্ডারলাইন সরিয়ে নেওয়া */
        display: block; /* বাটনগুলোকে একে অপরের নিচে আনা */
        width: 95%;
        box-sizing: border-box;
        text-align: center;
        font-weight: 600;
		margin: 5px;
		padding: 5px;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }
.center-container-button {
    width: 80%; /* কন্টেইনারের প্রস্থ (আপনার প্রয়োজন অনুযায়ী পরিবর্তন করুন) */
    max-width: 500px; /* সর্বোচ্চ প্রস্থ */
    height: 300px; /* কন্টেইনারের উচ্চতা (আপনার প্রয়োজন অনুযায়ী পরিবর্তন করুন) */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    
    /* লিঙ্ক বাটনকে এই কন্টেইনারের মধ্যে মাঝখানে আনতে Flexbox ব্যবহার */
    display: flex;
    justify-content: center; /* অনুভূমিকভাবে মাঝখানে */
    align-items: center; /* উল্লম্বভাবে মাঝখানে */
}

/* লিঙ্ক বাটন স্টাইল */
.centered-link-button-home-button {
    display: inline-block; /* যাতে প্যাডিং, মার্জিন ঠিক মতো কাজ করে */
    color: white; /* সাদা টেক্সট */
    padding: 15px 30px; /* উপরে-নিচে এবং বামে-ডানে প্যাডিং */
    border-radius: 5px; /* হালকা গোলাকার কোণা */
    text-decoration: none; /* আন্ডারলাইন সরিয়ে নেওয়া */
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease; /* হোভার ইফেক্টের জন্য */
}

    .buy-now-btn:hover, .add-to-cart-btn:hover, .view-more-btn:hover {
        background-color: #d30000; /* হোভারে গাঢ় লাল */
        transform: translateY(-1px);
    }

    /* শেষ আইটেমের জন্য বিশেষ স্টাইল */
    .item-carousel .last-item .buy-now-btn,
    .item-carousel .last-item .add-to-cart-btn {
        display: none; /* শেষ আইটেমের কিনুন ও কার্টে যোগ করুন বাটন লুকানো */
		align-self: center;
    }
    .item-carousel .last-item .item-price {
        color: #fff; /* শেষ আইটেমের প্রাইস টেক্সট সাদা */
        font-size: 14px;
    }
    .item-carousel .last-item .view-more-btn {
        display: block; /* শেষ আইটেমের আরও দেখুন অপশন দেখানো */
        margin-top: auto; /* বাটনটিকে কার্ডের নিচে রাখতে */
        background-color: #007bff; /* 'আরও দেখুন' বাটনের জন্য নীল */
    }
    .item-carousel .last-item .view-more-btn:hover {
        background-color: #0056b3;
    }