Ghorashal Easy Buy - ক্যাটালগ
⚠️ অভিযোগ সমূহ
লোড হচ্ছে...
🎨 থিম কালার
💬 কাস্টমারকে মেসেজ পাঠান
💬 অভিযোগ সম্পর্কে মেসেজ পাঠান
.business-name {
font-size: 1.1rem;
font-weight: 600;
text-align: center;
flex: 1;
}
.date-hotline {
display: flex;
gap: 8px;
font-size: 0.65rem;
background: #0d1b24;
padding: 5px 10px;
border-radius: 30px;
align-items: center;
}
.hotline-call {
display: flex;
align-items: center;
gap: 4px;
background: #e67e22;
padding: 4px 10px;
border-radius: 30px;
color: white;
text-decoration: none;
font-weight: 500;
font-size: 0.7rem;
}
.ticker {
background: #e67e22;
color: white;
padding: 8px 12px;
overflow: hidden;
white-space: nowrap;
font-size: 0.8rem;
}
.ticker-content {
display: inline-block;
animation: tickerScroll 25s linear infinite;
padding-left: 100%;
}
@keyframes tickerScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.search-container {
padding: 12px;
margin: 10px;
background: white;
border-radius: 40px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.search-container input {
width: 100%;
padding: 10px 16px;
border: none;
outline: none;
font-size: 0.95rem;
background: #f5f5f5;
border-radius: 40px;
}
.products-list {
margin: 10px;
background: white;
border-radius: 16px;
overflow: hidden;
}
.product-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
border-bottom: 1px solid #f0f0f0;
background: white;
}
.product-item:last-child {
border-bottom: none;
}
.product-info {
flex: 1;
}
.product-name {
font-weight: 600;
font-size: 1rem;
color: #1a2a3a;
margin-bottom: 4px;
}
.product-price {
color: #e67e22;
font-weight: 600;
font-size: 0.9rem;
}
.product-company {
font-size: 0.7rem;
color: #7f8c8d;
margin-top: 2px;
}
.button-group {
display: flex;
gap: 8px;
align-items: center;
}
.order-btn {
background: #25D366;
border: none;
color: white;
padding: 8px 14px;
border-radius: 30px;
font-weight: 600;
cursor: pointer;
font-size: 0.7rem;
}
.image-request-btn {
background: #3498db;
border: none;
color: white;
padding: 8px 12px;
border-radius: 30px;
font-weight: 600;
cursor: pointer;
font-size: 0.7rem;
}
.footer {
background: #1a2a3a;
color: #bdc3c7;
text-align: center;
padding: 15px;
margin-top: 20px;
font-size: 0.7rem;
}
.drawer {
position: fixed;
top: 0;
left: -260px;
width: 260px;
height: 100%;
background: #1a2a3a;
color: white;
transition: 0.3s ease;
z-index: 1000;
padding: 20px;
}
.drawer.open {
left: 0;
}
.drawer button {
display: block;
width: 100%;
padding: 12px;
margin: 10px 0;
background: #e67e22;
border: none;
color: white;
border-radius: 10px;
font-size: 0.9rem;
cursor: pointer;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 999;
display: none;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 2000;
justify-content: center;
align-items: center;
}
.modal-content {
background: white;
padding: 25px;
border-radius: 20px;
width: 85%;
max-width: 320px;
text-align: center;
}
.modal-content h3 {
margin-bottom: 15px;
color: #1a2a3a;
}
.modal-content input {
width: 100%;
padding: 12px;
margin: 8px 0;
border: 1px solid #ddd;
border-radius: 12px;
font-size: 0.9rem;
}
.modal-content button {
padding: 10px 20px;
margin: 6px;
border: none;
border-radius: 12px;
font-size: 0.9rem;
cursor: pointer;
}
.product-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 2000;
overflow-y: auto;
justify-content: center;
align-items: center;
}
.product-form-container {
background: white;
margin: 20px;
border-radius: 24px;
max-width: 450px;
width: calc(100% - 40px);
overflow: hidden;
}
.form-header {
background: #1a2a3a;
color: white;
padding: 18px;
text-align: center;
}
.form-header h2 {
font-size: 1.2rem;
margin-bottom: 4px;
}
.form-body {
padding: 18px;
}
.form-group {
margin-bottom: 14px;
}
.form-group label {
display: block;
margin-bottom: 6px;
font-weight: 600;
color: #1a2a3a;
font-size: 0.8rem;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #e0e0e0;
border-radius: 12px;
font-size: 0.9rem;
background: #f9f9f9;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #e67e22;
}
.form-actions {
display: flex;
gap: 10px;
margin-top: 16px;
}
.btn-save {
flex: 1;
background: #27ae60;
color: white;
padding: 12px;
border: none;
border-radius: 12px;
font-weight: 600;
cursor: pointer;
}
.btn-cancel {
flex: 1;
background: #95a5a6;
color: white;
padding: 12px;
border: none;
border-radius: 12px;
cursor: pointer;
}
.edit-delete-buttons {
display: flex;
gap: 8px;
margin-top: 8px;
}
.edit-btn, .delete-btn {
flex: 1;
padding: 6px;
border: none;
border-radius: 20px;
font-size: 0.7rem;
cursor: pointer;
color: white;
}
.edit-btn { background: #3498db; }
.delete-btn { background: #e74c3c; }
.admin-badge {
background: #27ae60;
color: white;
padding: 4px 10px;
border-radius: 20px;
font-size: 0.65rem;
position: fixed;
bottom: 15px;
right: 10px;
z-index: 100;
display: none;
}
#addProductBtn {
display: none;
position: fixed;
bottom: 15px;
left: 15px;
background: #e67e22;
color: white;
border: none;
border-radius: 50px;
padding: 10px 18px;
font-size: 0.85rem;
font-weight: 600;
cursor: pointer;
z-index: 100;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.required {
color: #e74c3c;
}
.empty-state {
text-align: center;
padding: 40px;
color: #7f8c8d;
}
📢 নগদ টাকায় পন্য কিনলে ৫% ডিসকাউন্ট | দাম দর সময় সাপেক্ষে বেশি/কম হতে পারে | WhatsApp এ অর্ডার করুন | রেফার করে লটারি জিতে নিন আকর্ষণীয় উপহার
👑 অ্যাডমিন
