*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Bengali",sans-serif;color:#17202a;background:#fff}.wrap{width:min(1120px,92%);margin:auto}.top{position:sticky;top:0;z-index:10;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid #e8edf1}.nav{height:70px;display:flex;align-items:center;gap:25px}.brand{font-size:24px;font-weight:800;color:#17202a;text-decoration:none;margin-right:auto}.brand span{color:#0b7a55}.nav nav{display:flex;gap:20px}.nav nav a{color:#374151;text-decoration:none;font-weight:600}.cart{border:1px solid #dbe4e8;background:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}.cart b{background:#0b7a55;color:white;border-radius:99px;padding:2px 7px}.hero{background:linear-gradient(135deg,#eefaf5,#f7fbff);padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:center}.eyebrow{color:#0b7a55;font-weight:800;letter-spacing:.02em;margin:0 0 10px}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.08;margin:0 0 20px}.hero h1 strong{color:#0b7a55}.lead{font-size:19px;line-height:1.7;color:#56616b;max-width:650px}.btn{display:inline-block;border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:800;border:1px solid transparent;margin:8px 8px 0 0;cursor:pointer}.primary{background:#0b7a55;color:#fff}.ghost{border-color:#cdd9d5;color:#0b7a55;background:#fff}.hero-card{background:#fff;border:1px solid #e3ebe7;border-radius:24px;padding:40px;box-shadow:0 20px 60px #173c2a12}.hero-icon{font-size:70px}.hero-card h3{font-size:30px;margin:12px 0}.hero-card p{color:#65727d;line-height:1.6}.trust{display:flex;gap:8px;flex-wrap:wrap}.trust span{background:#eef8f4;color:#0b7a55;border-radius:99px;padding:7px 10px;font-size:13px;font-weight:700}.section{padding:70px 0}.soft{background:#f7faf9}.section h2{font-size:36px;margin:0 0 25px}.tools{display:grid;grid-template-columns:1fr 210px 170px;gap:12px;margin-bottom:25px}.tools input,.tools select,.order-form input,.order-form textarea{width:100%;padding:13px;border:1px solid #d7e0e5;border-radius:11px;font:inherit;background:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #e3e8eb;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.pic{height:210px;background:#f2f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:55px}.card-body{padding:17px}.card h3{margin:0 0 8px;font-size:18px}.cat{font-size:12px;color:#697681}.price{font-weight:900;font-size:21px;color:#0b7a55}.old{text-decoration:line-through;color:#89949c;font-size:14px;margin-left:7px}.stock{font-size:12px;color:#5f6b74;margin:8px 0}.card-actions{display:flex;gap:8px}.smallbtn{flex:1;border:0;border-radius:10px;padding:10px;font-weight:800;cursor:pointer}.order{background:#0b7a55;color:#fff}.details{background:#edf3f1;color:#0b7a55}.offer{border-radius:24px;background:#eaf7f1;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{border:1px solid #e5eaed;border-radius:18px;padding:25px;font-size:28px}.features h3{font-size:19px;margin:12px 0 5px}.features p{font-size:15px;color:#66727b;line-height:1.6}.contact{text-align:center;background:#102a20;color:#fff}.contact .eyebrow{color:#8ee3bd}.contact p{color:#d7e5df}footer{padding:25px 0;background:#0b1d16;color:#c9d8d2}footer .wrap{display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:#0008;z-index:30;display:flex;align-items:center;justify-content:center;padding:15px}.modal-box{background:#fff;width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:25px;position:relative}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.order-form{display:grid;gap:12px}.order-form label{font-weight:700;font-size:14px}.summary{background:#f4f8f6;border-radius:12px;padding:15px;line-height:1.7}.empty{text-align:center;padding:45px;color:#68757d}@media(max-width:850px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.tools{grid-template-columns:1fr}.features{grid-template-columns:1fr}.offer{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{padding:55px 0}.section{padding:50px 0}.hero h1{font-size:42px}.pic{height:240px}footer .wrap{flex-direction:column;gap:8px}}