@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.top-header{color:#fff;background:#0a3d62;justify-content:space-between;padding:6px 40px;font-size:13px;display:flex}.navbar-container{z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.logo{color:#0a3d62;cursor:pointer;font-size:26px;font-weight:700}.logo span{color:#27ae60}.search-box{position:relative}.search-box input{border:1px solid #ddd;border-radius:8px;width:380px;padding:10px 40px 10px 15px;transition:all .3s}.search-box input:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae601a}.search-icon{font-size:18px;position:absolute;top:8px;right:10px}.nav-links{align-items:center;gap:22px;font-family:Poppins,sans-serif;display:flex}.nav-links span{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;transition:all .3s;display:flex}.nav-links span svg{color:#27ae60;font-size:15px}.nav-links span label{cursor:pointer}.nav-links span:hover{background:#f0fdf4}.nav-links span.active{color:#27ae60;background:0 0;border-bottom:2px solid #27ae60}.nav-links span:after{content:"";background:#27ae60;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.nav-links span:hover:after{width:100%}.right-section{align-items:center;gap:20px;display:flex}.cart{cursor:pointer;font-size:22px;position:relative}.badge{color:#fff;background:#e74c3c;border-radius:50%;padding:2px 6px;font-size:11px;position:absolute;top:-5px;right:-10px}.login-btn{color:#27ae60;cursor:pointer;border:1px solid #27ae60;border-radius:6px;padding:6px 14px;transition:all .3s}.login-btn:hover{color:#fff;background:#27ae60}.profile{cursor:pointer;position:relative}.dropdown{background:#fff;border-radius:8px;width:160px;position:absolute;top:45px;right:0;overflow:hidden;box-shadow:0 6px 15px #00000026}.dropdown div{cursor:pointer;padding:12px;transition:all .2s}.dropdown div:hover{background:#f5f6fa}.navbar{justify-content:space-between;align-items:center;padding:12px 30px;display:flex}.search-box input{border:1px solid #ddd;border-radius:20px;width:260px;padding:8px 35px 8px 12px}.search-icon{opacity:.6;font-size:16px;position:absolute;top:6px;right:10px}.nav-links{white-space:nowrap;gap:14px;font-size:14px;display:flex}.nav-links span:first-child{font-size:18px}.cart{cursor:pointer;font-size:20px;transition:all .3s;position:relative}.cart:hover{transform:scale(1.1)}.badge{background:#e74c3c;border-radius:50%;padding:2px 5px;font-size:10px;position:absolute;top:-6px;right:-8px}.avatar{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.login-btn{padding:6px 12px;font-size:14px}.footer{color:#fff;text-align:center;background:#0a3d62}.top-footer a{margin:10px;display:inline-block}.bottom-footer{border-top:1px solid #fff;padding:10px}.slider-container{height:400px;position:relative;overflow:hidden}.slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute}.slide.active{opacity:1}.overlay{color:#fff;position:absolute;top:50%;left:80px;transform:translateY(-50%)}.overlay h2{margin-bottom:10px;font-size:32px}.overlay p{font-size:18px}.dots{text-align:center;width:100%;position:absolute;bottom:20px}.dot{cursor:pointer;background:#ccc;border-radius:50%;width:10px;height:10px;margin:0 5px;display:inline-block}.dot.active{background:#27ae60}.home-layout{align-items:flex-start;gap:20px;display:flex}.medicine-section{padding:20px}.category-block{margin-bottom:50px}.section-header h2{border-left:4px solid #22c55e;margin-bottom:15px;padding-left:10px;font-size:22px;font-weight:600}.category-layout{gap:20px;display:flex}.products{width:75%}.products-section{flex:0 0 75%;max-width:75%}@media (width<=1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}}@media (width<=600px){.grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:14px;padding:14px;transition:all .25s;box-shadow:0 4px 12px #0000000f}.img-box{background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;height:120px;display:flex}.img-box img{object-fit:contain;max-width:100%;max-height:100%}.card-content{margin-top:10px}.title{color:#1e293b;margin-bottom:10px;font-size:15px;font-weight:600}.bottom-row{justify-content:space-between;align-items:center;display:flex}.price{color:#16a34a;font-size:16px;font-weight:700}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.add-btn:hover{transform:scale(1.05)}.qty-control{background:#f0fdf4;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.qty-control button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:50%;width:26px;height:26px;font-weight:700}.qty-control span{text-align:center;min-width:20px;font-size:14px;font-weight:600}.view-more{cursor:pointer;color:#16a34a;border:2px dashed #22c55e;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex}.ads-section{flex:0 0 25%;max-width:25%}.ads{flex-direction:column;gap:15px;width:25%;display:flex}.ads img{border-radius:10px;width:100%}.empty-state{text-align:center;padding:40px}@media (width<=768px){.category-layout{flex-direction:column}.products,.ads{width:100%}.grid{grid-template-columns:repeat(2,1fr)}}.auth-container{justify-content:center;padding:40px;display:flex}.auth-box{background:#fff;border-radius:10px;width:420px;padding:25px;box-shadow:0 6px 25px #00000014}input,select,textarea{border:1px solid #ddd;border-radius:6px;width:100%;margin-top:10px;padding:10px}button{color:#fff;background:#27ae60;border:none;width:100%;margin-top:15px;padding:10px}.link{color:#27ae60;cursor:pointer;margin-top:10px}.popup{background:#fff;padding:20px;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.popup-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.popup-box{background:#fff;border-radius:10px;width:350px;padding:20px;animation:.25s forwards scaleIn;transform:scale(.9);box-shadow:0 15px 40px #00000026}.popup-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.close-btn{cursor:pointer;color:#999;font-size:18px}.close-btn:hover{color:#e74c3c}.popup-actions{justify-content:space-between;margin-top:15px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;padding:8px 15px}.btn-secondary{cursor:pointer;background:#ddd;border:none;border-radius:5px;padding:8px 15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.popup-overlay{animation:.25s fadeIn}.popup-box{animation:.25s scaleIn}.popup-overlay.closing{animation:.25s forwards fadeOut}.popup-box.closing{animation:.25s forwards scaleOut}.buy-container{background:#f8fafc;gap:30px;padding:40px;display:flex}.upload-box{background:#fff;border-radius:14px;flex:1;padding:30px;box-shadow:0 10px 30px #0000000f}.upload-box h2{align-items:center;gap:10px;display:flex}.upload-area{text-align:center;cursor:pointer;border:2px dashed #22c55e;border-radius:12px;margin:20px 0;padding:40px;transition:all .3s}.upload-area img{width:70px;margin-bottom:10px}.upload-area:hover{background:#f0fdf4}.file-name{margin:10px 0;font-size:14px}button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600}button:hover{background:#16a34a}.steps{color:#475569;flex-direction:column;gap:10px;margin-top:20px;font-size:13px;display:flex}.info-box{background:#fff;border-radius:14px;flex:1;padding:30px;box-shadow:0 10px 30px #0000000d}.category-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.category-pill{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:6px 10px;font-size:13px}.note{color:#065f46;background:#ecfdf5;border-radius:8px;margin-top:20px;padding:10px}.popup-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#fff;border-radius:12px;width:320px;padding:25px}.popup-box span{cursor:pointer;color:#64748b;margin-top:10px;display:block}.category-container{background:#f8fafc;gap:20px;padding:20px;display:flex}.left-panel{flex-direction:column;gap:20px;width:25%;height:fit-content;display:flex;position:sticky;top:100px}.search{border:1px solid #ddd;border-radius:10px;outline:none;padding:12px}.upload-box{text-align:center;background:#f0fdf4;border:2px dashed #22c55e;border-radius:12px;padding:20px}.upload-box p{margin-bottom:10px}.upload-box button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:8px 14px}.category-box{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 14px #0000000d}.category-box h4{margin-bottom:10px}.nav-pill{cursor:pointer;background:#f1f5f9;border-radius:8px;margin-bottom:8px;padding:10px;font-size:13px;transition:all .25s}.nav-pill:hover{background:#e2e8f0;transform:translate(4px)}.nav-pill.active{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);font-weight:600}.products-section{width:50%}.grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.card{text-align:center;background:#fff;border-radius:12px;padding:12px;transition:all .3s;box-shadow:0 6px 16px #0000000f}.card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}.img-wrap{justify-content:center;align-items:center;height:140px;display:flex}.img-wrap img{object-fit:contain;max-height:100%}.price{margin:8px 0;font-weight:600}.cart-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;width:100%;padding:8px}.cart-btn:hover{background:#16a34a}.rx{color:red;font-size:12px}.right-panel{flex-direction:column;gap:15px;width:25%;display:flex}.right-panel img{border-radius:10px;width:100%}.pagination{text-align:center;margin-top:20px}@media (width<=900px){.category-container{flex-direction:column}.left-panel,.products-section,.right-panel{width:100%}.grid{grid-template-columns:1fr}}.empty-state{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex;box-shadow:0 4px 12px #0000000d}.empty-state img{opacity:.8;width:80px;margin-bottom:15px}.empty-state h3{color:#0f172a;margin-bottom:5px}.empty-state p{color:#64748b;max-width:300px;font-size:13px}.section-title{text-align:center}body{font-family:Poppins,sans-serif}