Ghree
:root { –primary: #f1c40f; –secondary: #d35400; –green: #27ae60; –dark: #333; }
body { font-family: ‘Hind Siliguri’, sans-serif; background-color: #f4f4f4; margin: 0; color: var(–dark); line-height: 1.6; }
.main-container { max-width: 600px; margin: 0 auto; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
/* Top Header Bar */
.top-bar { background: var(–primary); padding: 15px; text-align: center; font-weight: 700; font-size: 20px; border-bottom: 4px solid var(–secondary); }
/* Hero Section */
.hero { padding: 20px; text-align: center; }
.hero h1 { color: var(–secondary); font-size: 28px; margin-bottom: 15px; line-height: 1.3; }
.product-img { width: 100%; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
/* Price Tag */
.price-box { margin: 20px 0; }
.price-tag { background: #e74c3c; color: #fff; padding: 10px 25px; border-radius: 50px; font-size: 24px; font-weight: bold; display: inline-block; }
/* Feature List */
.features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 20px; margin-bottom: 30px; }
.f-card { background: #fffcf0; border: 1px dashed var(–primary); padding: 10px; text-align: center; font-weight: 600; font-size: 15px; border-radius: 8px; }
/* Order Form – Same as Reference */
.order-section { margin: 20px; border: 2px solid var(–primary); border-radius: 12px; overflow: hidden; }
.form-title { background: var(–primary); color: #000; padding: 15px; text-align: center; font-size: 22px; font-weight: bold; }
.form-body { padding: 20px; background: #fff; }
.input-group { margin-bottom: 15px; text-align: left; }
.input-group label { display: block; font-weight: 700; margin-bottom: 5px; }
.input-group input, .input-group textarea, .input-group select {
width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; box-sizing: border-box; background: #fafafa;
}
/* Submit Button */
.order-btn {
background: var(–green); color: #fff; width: 100%; padding: 18px; border: none;
border-radius: 6px; font-size: 22px; font-weight: bold; cursor: pointer;
box-shadow: 0 5px 0 #1e8449; transition: 0.2s;
}
.order-btn:hover { background: #2ecc71; transform: translateY(-2px); }
.order-btn:active { transform: translateY(4px); box-shadow: 0 2px 0 #1e8449; }
/* Footer */
.footer { background: #222; color: #fff; text-align: center; padding: 20px; font-size: 14px; margin-top: 30px; }
১০০% প্রিমিয়াম ও স্পেশাল শাহী গাওয়া ঘি

সারা বাংলাদেশে ক্যাশ অন ডেলিভারি সুবিধা!