:root{--navy:#092e39;--teal:#115764;--green:#008f72;--mint:#e6f7f0;--gold:#d5a75b;--bg:#f7f9f8;--ink:#20323a;--line:#e3e9e8;--muted:#697b80;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans Bengali','Hind Siliguri',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d5a75b;outline-offset:2px}.container{max-width:1220px;padding:0 24px;margin:0 auto}.ann{background:var(--navy);color:#d6e9e9;text-align:center;padding:8px 12px;font-size:12px}.head{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:26px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:var(--navy)}.brand img{height:48px;width:54px;object-fit:contain}.brand b{color:var(--green)}.navlinks{display:flex;gap:27px;margin-left:auto}.navlinks a{font-size:14px;font-weight:650;position:relative}.navlinks a:hover,.navlinks a.active{color:var(--green)}.navlinks a:after{position:absolute;content:'';height:2px;left:0;right:100%;bottom:-7px;background:var(--green);transition:right .2s}.navlinks a:hover:after{right:0}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:11px;padding:12px 20px;font-weight:700;background:var(--green);color:#fff;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{background:#006d58;transform:translateY(-2px);box-shadow:0 8px 24px #008f7230}.btn.outline{background:transparent;color:var(--green);border:1px solid #b7d6cf}.btn.outline:hover{background:var(--mint)}.btn.dark{background:var(--navy)}.btn.small{padding:9px 13px;font-size:13px}.cartnum{background:var(--gold);color:var(--navy);border-radius:50%;font-size:11px;padding:1px 5px}.menu-btn{display:none;background:none;font-size:24px;color:var(--navy)}.hero{padding:88px 0;background:radial-gradient(circle at 75% 32%,#19616c 0,transparent 40%),linear-gradient(120deg,#092e39,#0d434e);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:30px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#4fe2b6}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.13;letter-spacing:-2px;margin:18px 0}.hero p{color:#cfe5e7;font-size:17px;max-width:610px}.hero-art{min-height:330px;border:1px solid #ffffff33;border-radius:30px;background:linear-gradient(140deg,#ffffff1c,#ffffff09);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(-3deg)}.glass{border:1px solid #ffffff4a;border-radius:22px;background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:19px;font-weight:800;gap:12px}.glass span{font-size:54px}.glass:nth-child(2){transform:translateY(22px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.section-head h2{font-size:clamp(25px,3vw,34px);margin:0;color:var(--navy);letter-spacing:-.7px}.section-head p{color:var(--muted);margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #092e3914;border-color:#c6dbd7}.card-body{padding:20px}.card h3{margin:0 0 7px;color:var(--navy)}.card p{color:var(--muted);font-size:14px;margin:0 0 15px}.badge{display:inline-flex;font-size:11px;font-weight:750;border-radius:99px;padding:5px 10px;background:var(--mint);color:#00694e}.badge.gold{background:#fff1d5;color:#9c6a16}.badge.gray{background:#edf0f0;color:#697b80}.tile{height:175px;background:#e8f3f1;display:flex;align-items:center;justify-content:center;font-size:75px}.tile.gold{background:#fbf2df}.tile.navy{background:#e1edef}.cols{display:grid;grid-template-columns:265px 1fr;gap:28px;align-items:start}.side{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.side a{display:block;padding:9px;color:var(--muted);border-radius:9px}.side a:hover{background:var(--mint);color:var(--green)}.search{width:100%;padding:15px 16px;border:1px solid #d5dfde;background:#fff;border-radius:12px;outline:0}.search:focus{border-color:var(--green);box-shadow:0 0 0 3px #008f7215}.list{display:grid;gap:13px}.medrow{padding:15px;background:#fff;border-radius:15px;border:1px solid var(--line);display:flex;align-items:center;gap:18px;transition:background .15s}.medrow:hover{background:#f5fcf9}.medicon{width:66px;height:66px;display:grid;place-items:center;border-radius:12px;background:var(--mint);font-size:31px;flex-shrink:0}.medrow h3{margin:0 0 4px;font-size:16px}.medrow p{margin:0;color:var(--muted);font-size:13px}.grow{flex:1}.right{text-align:right}.form{display:grid;gap:15px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d5dfde;border-radius:10px;padding:12px;background:#fff}.field textarea{min-height:105px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.foot{background:var(--navy);color:#e6f4f1;padding:45px 0}.foot p{color:#bbd3d5;font-size:13px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.foot a{display:block;margin:9px 0;color:#bddbd9;font-size:13px}.notice{padding:14px 17px;background:#fff8e7;border:1px solid #f2d9a2;color:#71551d;border-radius:12px;font-size:13px}.empty{text-align:center;padding:48px;background:#fff;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.box{background:#fff;border-radius:18px;border:1px solid var(--line);padding:22px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:34px}.detail-picture{min-height:350px;border-radius:20px;background:#e8f3f1;display:grid;place-items:center;font-size:120px}.mini{font-size:13px;color:var(--muted)}.price{color:var(--green);font-weight:850;font-size:26px}.qty{width:75px;padding:9px;border:1px solid var(--line);border-radius:8px}.subtotal{font-weight:800;color:var(--navy)}.adminstat{font-size:30px;font-weight:800;color:var(--navy)}.copy{font-size:13px;color:var(--muted)}.fade{animation:fade .35s ease both}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.hero-grid,.cols,.product-detail{grid-template-columns:1fr}.hero-art{min-height:210px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 15px 25px #0001}.navlinks.open{display:flex}.menu-btn{display:block;margin-left:auto}.nav .btn.small{display:none}.foot-grid{grid-template-columns:1fr 1fr}.hero{padding:60px 0}}@media(max-width:520px){.container{padding:0 16px}.section{padding:45px 0}.cards.two,.formgrid{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-art{display:none}.foot-grid{grid-template-columns:1fr}.medrow{gap:10px}.medicon{width:48px;height:48px;font-size:23px}.medrow .btn{padding:9px;font-size:12px}.nav{min-height:65px}.navlinks{top:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tile img,.detail-picture img{width:100%;height:100%;object-fit:contain;display:block}.tile img{padding:14px;transition:transform .25s ease}.card:hover .tile img{transform:scale(1.035)}.detail-picture img{padding:28px}

.medicon img{height:100%;width:100%;object-fit:contain;border-radius:10px}.detail-picture img{max-width:100%;max-height:100%;object-fit:contain}

/* Keep checkout reachable on phones and avoid long keys/addresses overflowing. */
@media(max-width:850px){.nav{flex-wrap:wrap;gap:10px;padding-block:10px}.nav .btn.small{display:inline-flex}.navlinks{z-index:30}.nav .brand{flex:1}.nav .brand img{max-width:42px}.medrow{flex-wrap:wrap}.grow{min-width:0}.box,.card-body,.medrow{overflow-wrap:anywhere}}
@media(max-width:420px){.nav .btn.small{font-size:11px;padding:8px}.brand{font-size:19px}.brand img{width:34px;height:34px}}
a:focus-visible,button:focus-visible{outline:3px solid #d5a75b;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}