body{background-color:#f7f3f3;color:#000;overflow-x:hidden;font-family:Arial,sans-serif}.product-header{text-align:center;margin:30px 0}.product-header h1{font-size:2.5rem;font-weight:700}.product-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.product-buttons button{padding:10px 20px;border:2px solid #000;border-radius:30px;font-size:1rem;background-color:#fff0;color:#000;cursor:pointer;transition:all 0.3s ease;font-weight:700;box-shadow:none}.product-buttons button:hover{background-color:#000;color:#fff;transform:scale(1.05)}.product-buttons button.active{background-color:#000;color:#fff;border:2px solid #000}.product-display{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.product-image{flex:1;min-width:300px;max-width:400px;margin-bottom:15px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0/.1);padding:10px;background-color:#fff}.product-image img{width:100%;border-radius:10px}.thumbnail-carousel-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.thumbnail-carousel{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:5px 0}.thumbnail-carousel::-webkit-scrollbar{display:none}.thumbnail{width:70px;height:70px;object-fit:cover;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0/.2);transition:transform 0.2s ease}.thumbnail:hover,.thumbnail.active{transform:scale(1.1);border:2px solid #007bff}.arrow{cursor:pointer;font-size:1.5rem;color:#007bff;user-select:none}.arrow:hover{color:#0056b3}.product-details{flex:1;min-width:300px;max-width:600px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0/.1)}.product-details h3{font-size:1.8rem;font-weight:700;margin-bottom:15px}.product-details ul{list-style:none;padding:0}.product-details ul li{margin-bottom:10px;font-size:1rem}.product-details ul li span{font-weight:700}.order-btn{margin-top:15px}.thumbnail-carousel-wrapper{display:flex;align-items:center;position:relative;overflow:hidden}.thumbnail-carousel{display:flex;overflow-x:scroll;scroll-behavior:smooth;gap:10px;white-space:nowrap}.thumbnail{width:80px;height:80px;object-fit:cover;border:2px solid #fff0;cursor:pointer;transition:border 0.3s}.thumbnail.active{border:2px solid #28a745}.arrow{cursor:pointer;font-size:24px;user-select:none;padding:0 10px}.explore-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:700;text-decoration:none;background-color:#fff0;border:2px solid #000;color:#000;border-radius:6px;transition:all 0.3s ease}.explore-btn:hover{background-color:#000;color:#fff}.explore-btn i{font-size:1.2rem;transition:all 0.3s ease}.explore-btn:hover i{transform:scale(1.1)}.dropdown-menu{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px}.dropdown-item{color:#333;padding:10px 15px;font-size:1rem}.dropdown-item:hover{background-color:#070707;color:#fff}.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active{background-color:#000;color:#fff;text-decoration:none}.dropdown-item.active{background-color:#000;color:#fff;font-weight:700}.chat-button{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#25D366;color:#fff;font-size:24px;box-shadow:0 4px 8px rgb(0 0 0/.2);cursor:pointer;transition:all 0.3s ease-in-out}.chat-button:hover{background-color:#1EBE5A;transform:scale(1.1);box-shadow:0 6px 12px rgb(0 0 0/.3)}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease-in-out}.loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-logo{animation:pulse 2s infinite}.loader-logo img{width:180px;height:auto}.loader-spinner{display:flex;gap:0.5rem}.loader-spinner.spinner-grow{animation-delay:calc(var(--bs-spinner-animation-speed)*0.33*var(--index))}.loader-spinner.spinner-grow:nth-child(1){--index:0}.loader-spinner.spinner-grow:nth-child(2){--index:1}.loader-spinner.spinner-grow:nth-child(3){--index:2}
@keyframes pulse{0%{transform:scale(0.95);opacity:0.7}
50%{transform:scale(1);opacity:1}
100%{transform:scale(0.95);opacity:0.7}}:root{--primary:#005baa;--success:#28a745;--dark:#1d3557;--light-gray:#f8f9fa;--box-shadow:0 10px 30px rgba(0,0,0,0.08);--transition:all 0.3s ease}
body{font-family:'Open Sans',sans-serif;color:#333;line-height:1.6;background-color:#f8f9fa;overflow-x:hidden}.navbar{box-shadow:0 2px 15px rgba(0,0,0,0.05);background-color:rgba(255,255,255,0.98)!important;padding:15px 0;transition:all 0.3s ease}.navbar-brand img{max-height:45px;transition:all 0.3s ease}.nav-link{font-weight:600;position:relative;padding:8px 16px!important;color:#333!important;transition:color 0.3s ease}.nav-link:after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--success);transition:width 0.3s ease,left 0.3s ease}.nav-link:hover:after,.nav-link.active:after{width:80%;left:10%}.nav-link:hover{color:var(--success)!important}.dropdown-menu{border:none;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.1);padding:12px 0;margin-top:15px;min-width:200px;animation:fadeIn 0.3s ease;background-color:white;border-top:3px solid var(--success)}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:10px 20px;font-weight:500;color:#333;transition:all 0.2s ease;position:relative}.dropdown-item:hover{background-color:rgba(40,167,69,0.08);color:var(--success);padding-left:25px}.dropdown-item::before{content:'';position:absolute;left:10px;top:50%;width:0;height:0;opacity:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid var(--success);transform:translateY(-50%);transition:opacity 0.2s ease,left 0.2s ease}.dropdown-item:hover::before{opacity:1}.dropdown-item.active{background-color:rgba(40,167,69,0.1);color:var(--success);font-weight:700}.product-header{text-align:center;padding:60px 0 30px;background:linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)),url('assets/img/millets/bg.jpg')no-repeat center/cover;position:relative}.product-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:15px;background:linear-gradient(45deg,var(--primary),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Roboto',sans-serif}.product-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.product-buttons button{padding:12px 25px;border:2px solid var(--success);border-radius:10px;font-size:1rem;background-color:transparent;color:var(--dark);cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:none}.product-buttons button:hover{background-color:var(--success);color:white;transform:translateY(-3px)}.product-buttons button.active{background-color:var(--success);color:white;border:2px solid var(--success);transform:translateY(-3px);box-shadow:0 10px 20px rgba(40,167,69,0.2)}.product-display{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-bottom:60px}.product-image{flex:1;min-width:300px;max-width:450px;margin-bottom:15px;border:none;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.1);padding:15px;background-color:#fff;transition:var(--transition)}.product-image:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.product-image img{width:100%;border-radius:15px;transition:var(--transition)}.product-image:hover img{transform:scale(1.02)}.thumbnail-carousel-wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px}.thumbnail-carousel{display:flex;gap:15px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:none}.thumbnail-carousel::-webkit-scrollbar{display:none}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:10px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;border:2px solid transparent}.thumbnail:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.thumbnail.active{transform:scale(1.1);border:2px solid var(--success);box-shadow:0 6px 12px rgba(40,167,69,0.2)}.arrow{cursor:pointer;font-size:1.2rem;color:var(--success);user-select:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:white;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:var(--transition)}.arrow:hover{background-color:var(--success);color:white;transform:scale(1.1)}.product-details{flex:1;min-width:300px;max-width:600px;padding:30px;background-color:#fff;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.1);transition:var(--transition)}.product-details:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.product-details h3{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--dark);border-bottom:3px solid var(--success);padding-bottom:10px;display:inline-block}.product-details ul{list-style:none;padding:0}.product-details ul li{margin-bottom:15px;font-size:1.1rem;display:flex;align-items:flex-start}.product-details ul li:before{content:"•";color:var(--success);font-weight:bold;display:inline-block;width:1em;margin-right:10px}.product-details ul li span{font-weight:700;color:var(--primary);margin-right:8px}.explore-btn{padding:12px 24px!important;font-weight:600!important;margin-top:20px;border-radius:10px!important;border:2px solid var(--success)!important;color:var(--success)!important;background-color:transparent!important;transition:var(--transition);display:inline-flex;align-items:center;gap:10px}.explore-btn:hover{background-color:var(--success)!important;color:white!important;transform:translateY(-3px)}.explore-btn i{transition:var(--transition)}.explore-btn:hover i{transform:rotate(45deg)scale(1.2)}.footer{padding:2rem 0!important;background-color:white;border-top:1px solid #eee}.footer img{height:auto;width:120px}.footer-links a{transition:var(--transition);font-weight:500!important;color:#6c757d;text-decoration:none}.footer-links a:hover{color:var(--primary)!important}.chat-button{width:60px;height:60px;background-color:var(--success)!important;box-shadow:0 5px 15px rgba(40,167,69,0.3)!important}.chat-button:hover{background-color:#1EBE5A;transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,0.3)}
@media(max-width:768px){.product-display{flex-direction:column;align-items:center}.product-image,.product-details{min-width:90%}.product-buttons button{font-size:0.9rem;padding:10px 20px}}