/* =========================================
   Typography (Local Fonts from vMmUz.JPG)
   ========================================= */
@font-face {
    font-family: 'Shurjo';
    src: url('../fonts/Shurjo.woff2') format('woff2'),
         url('../fonts/Shurjo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Shurjo';
    src: url('../fonts/ShurjoWeb_700.woff2') format('woff2'),
         url('../fonts/Shurjo-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* =========================================
   Base Setup & Box Layout
   ========================================= */
body {
    font-family: 'Shurjo', sans-serif;
    background-color: #f1f3f5; /* খুব হালকা ব্যাকগ্রাউন্ড যাতে বক্স লেআউট বোঝা যায় */
    margin: 0; /* উপরে নিচে জিরো মার্জিন */
    padding: 0;
}

.mi-ame-box-wrapper {
    max-width: 1200px;
    margin: 0 auto; /* ডানে বামে গ্যাপ (অটো মার্জিন) */
    background-color: #ffffff;
    min-height: 100vh;
    box-shadow: 0 0 15px rgba(0,0,0,0.05); /* ক্লিন শ্যাডো */
}

/* =========================================
   Clean Card UI (No Borders, Only Shadow)
   ========================================= */
.mi-ame-card {
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease-in-out;
}

.mi-ame-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.12);
}