@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#125b47;--deep:#103c32;--lime:#b2d235;--ink:#192c27;--muted:#72817b;--line:#e7ece8;--cream:#f6f8f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px 'Hind Siliguri',Manrope,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--deep);color:#e8f2ec;font-size:13px}.topin{display:flex;justify-content:space-between;align-items:center;min-height:38px}.top a{color:white}.head{height:94px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;color:var(--deep);font-family:Manrope,sans-serif}.brand b{font-size:18px;letter-spacing:.3px}.brand small{display:block;color:var(--muted);font:12px 'Hind Siliguri';margin-top:4px}.logo{display:grid;place-items:center;border-radius:14px;width:46px;height:46px;color:white;background:var(--green);font-size:27px}.search{display:flex;flex:1;max-width:540px;border:1px solid #dce5df;border-radius:9px;overflow:hidden}.search input{border:0;outline:0;padding:13px 16px;flex:1;font:inherit}.search button{border:0;background:var(--green);color:white;padding:0 22px;font:inherit;cursor:pointer}.cart{white-space:nowrap;border:1px solid var(--line);padding:11px 15px;border-radius:8px}.cart i{font-style:normal;background:var(--lime);border-radius:20px;padding:1px 8px;margin-left:6px}nav{background:var(--green);color:white}nav .navin{display:flex;gap:28px;overflow:auto;white-space:nowrap}nav a{padding:14px 0;font-size:14px}nav a:hover{color:#d9f08a}.hero{margin:28px 0 48px;border-radius:16px;min-height:320px;padding:46px 7%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(115deg,#eff5e7,#dcead0 60%,#c8dfbd)}.herotext{max-width:560px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--green);font-weight:700}.hero h1{font-size:40px;line-height:1.2;margin:14px 0;color:var(--deep)}.hero p{font-size:17px;color:#586a5c}.btn,.add{display:inline-block;border:0;border-radius:7px;background:var(--green);color:white;padding:12px 20px;font:600 15px 'Hind Siliguri';cursor:pointer}.heroart{width:290px;height:255px;display:grid;place-items:center}.heroart img{max-width:100%;max-height:100%;object-fit:contain}.bottle,.medicine{display:grid;place-items:center;width:150px;height:190px;border-radius:28px 28px 34px 34px;background:linear-gradient(90deg,#e7ebd7,#fff 28%,#f8f7e9 65%,#d7dec8);box-shadow:inset -8px 0 13px #c2cdb8,0 20px 35px #7e9b7955;color:var(--green);font-size:48px}.bottle:before{content:'';position:absolute;width:70px;height:30px;background:#52794e;transform:translateY(-110px);border-radius:5px 5px 0 0}.bottle small,.medicine small{font-size:10px;display:block;letter-spacing:2px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.sectionhead h2{font-size:27px;margin:5px 0}.tabs{display:flex;gap:20px;color:var(--muted)}.tabs .active{color:var(--green);font-weight:700;border-bottom:2px solid var(--lime)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173c2d14}.prodimg{height:220px;background:var(--cream);display:grid;place-items:center;position:relative}.prodimg img{width:100%;height:100%;object-fit:contain;padding:18px}.medicine{width:108px;height:145px;font-size:34px;border-radius:18px}.badge{position:absolute;top:12px;left:12px;background:#eaf4c5;color:#43651f;padding:3px 10px;border-radius:20px;font-size:12px}.prodinfo{padding:14px}.prodinfo>small,.detail small{color:var(--muted)}.prodname{display:block;font-weight:600;line-height:1.4;min-height:43px;margin:7px 0}.price{color:var(--green);font-size:18px;font-weight:700}.price del{color:#9aa59f;font-size:13px;font-weight:400;margin-left:6px}.stock{font-size:12px;color:#4f905a;margin:5px 0 12px}.add{display:block;text-align:center;padding:8px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:55px 0;padding:24px;background:#f4f7f0;border-radius:12px}.trust div{font-size:20px;color:var(--green)}.trust b,.trust small{display:block;font-size:15px;color:var(--ink)}.trust small{font-size:12px;color:var(--muted);margin-top:3px}footer{background:#103c32;color:#eaf2ec;padding-top:38px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:32px}.foot .brand{color:white}.foot p{color:#b8c9c0;line-height:1.8}.foot h3{margin:0 0 12px}.foot a:not(.brand){display:inline-block;color:#c6d6ce;padding:4px 0}.copyright{text-align:center;border-top:1px solid #ffffff22;color:#9db4a8;padding:15px;font-size:12px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px 0}.detail h1{font-size:32px}.detail .big{height:440px;border-radius:14px}.detail .price{font-size:25px}.auth{width:min(440px,92%);margin:8vh auto;padding:34px;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 60px #183e2810}.auth h1{font-size:25px}.auth form label,.formgrid label{display:block;font-weight:600;margin:12px 0}.auth input,.formgrid input,.formgrid select,.formgrid textarea{display:block;width:100%;padding:11px;border:1px solid #dce5df;border-radius:6px;margin-top:6px;font:inherit}.auth button{width:100%;margin-top:15px}.error{color:#a72c2c;background:#fff0ed;padding:10px}.adminbar{background:var(--deep);color:white;padding:13px 4%;display:flex;align-items:center;justify-content:space-between}.adminbar>a{font-weight:700}.adminbar nav{background:none;display:flex;gap:20px}.adminbar nav a{padding:0}.admin{padding-top:30px;padding-bottom:60px}.admin h1{font-size:28px}.panel{background:#f7f9f6;border:1px solid var(--line);border-radius:10px;padding:20px;margin:20px 0}.panel h2{margin:0 0 12px;font-size:20px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.wide{grid-column:1/-1}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;color:var(--muted)}.stat b{font-size:30px;color:var(--green)}.stat span{color:var(--green);margin-top:12px}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{text-align:left;border-bottom:1px solid var(--line);padding:11px}th{background:#f5f7f3}.notice{padding:12px;background:#eaf4e7;color:var(--green);border-radius:7px}input[type=checkbox]{display:inline;width:auto} @media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.head{gap:12px}.brand b{font-size:14px}.trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topin{font-size:11px}.topin>span:first-child{display:none}.head{height:auto;padding:14px 0;flex-wrap:wrap}.brand{flex:1}.search{order:3;flex-basis:100%}.hero{min-height:250px;padding:28px}.hero h1{font-size:28px}.heroart{width:100px}.bottle{transform:scale(.65)}.sectionhead{align-items:start;display:block}.tabs{margin:12px 0}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.prodimg{height:160px}.prodinfo{padding:10px}.trust{gap:12px;padding:17px}.foot{grid-template-columns:1fr;gap:20px}.detail{grid-template-columns:1fr;gap:22px}.detail .big{height:300px}.adminbar{align-items:start;gap:12px;flex-direction:column}.adminbar nav{gap:13px;flex-wrap:wrap}.formgrid,.statgrid{grid-template-columns:1fr}.wide{grid-column:auto}table{font-size:12px}}
