.sx-min-wrapper {
    max-width: 700px;
    margin: 0 auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    font-family: 'Hind Siliguri', sans-serif !important;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
}

.sx-min-header { text-align: center; margin-bottom: 35px; }
.sx-min-header h2 { font-family: 'Hind Siliguri', sans-serif !important; font-size: 26px; font-weight: 700; color: #111; margin: 0 0 8px; }
.sx-min-header p { font-size: 15px; color: #666; margin: 0; }

.sx-min-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sx-min-group.full { grid-column: span 2; }
.sx-qty-img-row { display: grid; grid-template-columns: 100px 1fr; gap: 20px; align-items: end; }

.sx-min-group label { display: block; font-size: 13px; font-weight: 600; color: #333; margin-bottom: 8px; }
.sx-min-group label .req { color: #fb3333; }
.sx-min-group label .opt { color: #999; font-weight: 400; font-size: 12px; }

.sx-min-group input[type="text"], 
.sx-min-group input[type="number"], 
.sx-min-group input[type="tel"], 
.sx-min-group input[type="email"], 
.sx-min-group textarea, 
.sx-min-file {
    width: 100%; 
    padding: 0 16px; 
    border: 1px solid #e5e7eb !important; 
    border-radius: 8px !important; 
    background: #fafafa !important;
    font-family: 'Hind Siliguri', sans-serif !important; 
    font-size: 14px; 
    color: #111; 
    box-sizing: border-box; 
    transition: all 0.2s ease;
}

.sx-min-group input[type="text"], 
.sx-min-group input[type="number"], 
.sx-min-group input[type="tel"], 
.sx-min-group input[type="email"], 
.sx-min-file {
    height: 48px !important; 
    display: flex; 
    align-items: center;
}

.sx-min-group textarea { 
    padding: 12px 16px; 
    height: 64px !important; 
    min-height: 64px !important; 
    resize: vertical; 
}

.sx-min-group input:focus, .sx-min-group textarea:focus { outline: none !important; border-color: #111 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important; }

.sx-min-file { position: relative; cursor: pointer; overflow: hidden; }
.sx-min-file:hover { border-color: #111 !important; }
#sx-filename { color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
#sx-filename i { margin-right: 6px; color: #888; }
#sx_file_input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

#sx-min-btn {
    width: 100%; height: 52px; margin-top: 30px; background: #fb3333; color: #fff; border: 1px solid #fb3333; border-radius: 8px;
    font-size: 16px; font-weight: 600; font-family: 'Hind Siliguri', sans-serif !important; cursor: pointer; transition: all 0.3s ease;
    display: flex; justify-content: center; align-items: center;
}
#sx-min-btn:hover { background: #fff0f0; color: #cc0000; border: 1px solid #cc0000; }
#sx-min-btn:disabled { opacity: 0.8; cursor: wait; }

.sx-btn-load { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

#sx-min-msg { margin-top: 20px; padding: 14px; border-radius: 8px; font-size: 14px; font-weight: 500; text-align: center; display: none; }
.sx-msg-ok { background: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; }
.sx-msg-err { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* === MOBILE RESPONSIVE TWEAKS === */
@media (max-width: 600px) {
    .sx-min-wrapper { 
        padding: 20px 15px; /* প্যাডিং কমানো হয়েছে */
        border: none; 
        border-bottom: 1px solid #eee; 
    }
    
    .sx-min-header { margin-bottom: 20px; } /* হেডার এর মার্জিন কমানো হয়েছে */
    .sx-min-header h2 { font-size: 20px !important; margin-bottom: 4px; } /* টাইটেল ২০ পিক্সেল */
    .sx-min-header p { font-size: 13px; line-height: 1.4; }
    
    .sx-min-grid { grid-template-columns: 1fr; gap: 12px; } /* ফিল্ডের মাঝখানের গ্যাপ কমানো হয়েছে */
    .sx-min-group.full { grid-column: span 1; }
    
    .sx-min-group label { margin-bottom: 5px; font-size: 12px; }
    
    /* ফিল্ডের হাইট এবং প্যাডিং কমানো হয়েছে (ন্যারো ভিউ) */
    .sx-min-group input[type="text"], 
    .sx-min-group input[type="number"], 
    .sx-min-group input[type="tel"], 
    .sx-min-group input[type="email"], 
    .sx-min-file {
        height: 40px !important; 
        padding: 0 12px;
        font-size: 13px;
    }
    
    /* কোয়ান্টিটি এবং ইমেজের রো-এর গ্যাপ কমানো হয়েছে */
    .sx-qty-img-row { 
        grid-template-columns: 75px 1fr; 
        gap: 12px; 
    }
    
    /* টেক্সটএরিয়া এর হাইট কমানো হয়েছে */
    .sx-min-group textarea { 
        height: 52px !important; 
        min-height: 52px !important; 
        padding: 8px 12px;
        font-size: 13px;
    }
    
    #sx-filename { font-size: 13px; }
    
    /* বাটন এর হাইট এবং মার্জিন কমানো হয়েছে */
    #sx-min-btn {
        height: 45px;
        margin-top: 20px;
        font-size: 15px;
    }
}