:root{--g:#0d522d;--gd:#083f22;--o:#f36b25;--b:#2478c9;--bg:#f3f7fb;--t:#20242a;--m:#727a83;--bd:#e0e5e9}*{box-sizing:border-box}body{margin:0;color:var(--t);font-family:"Noto Sans Bengali",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:48px;background:var(--g);color:#fff;text-align:center;padding:9px;font-size:19px}.topbar strong{margin-left:9px}.header{position:sticky;top:0;background:#fff;z-index:50;box-shadow:0 2px 12px #0001}.header-main{height:108px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;color:var(--g);font-size:37px;font-weight:800}.mark{font:68px Georgia;color:var(--o);margin-right:8px}.orange,.footer-logo span{color:var(--o)}.actions{display:flex;gap:26px;color:var(--g);font-size:34px}.cart{position:relative}.cart b{position:absolute;right:-11px;top:-8px;background:var(--o);color:#fff;border-radius:50%;font:700 12px Arial;padding:4px 6px}.search{padding-bottom:17px}.search form{height:61px;border:3px solid var(--g);border-radius:15px;overflow:hidden;display:flex}.search input{flex:1;border:0;outline:0;padding:0 23px;font:20px "Noto Sans Bengali"}.search button{width:108px;background:var(--g);color:#fff;border:0;font-size:40px}.nav{border-top:1px solid #eee;border-bottom:1px solid #ddd}.nav-inner{display:flex;overflow:auto;scrollbar-width:none}.nav a{white-space:nowrap;color:#707985;padding:16px 23px;font-size:19px}.nav a.active{background:var(--g);color:#fff;border-radius:30px;margin:7px 0;padding:9px 22px}.alert{padding:12px 18px;border-radius:8px;margin-top:15px}.success{background:#e7f6ed;color:#166b38}.error{background:#fde8e8;color:#a51e1e}
.hero{margin:24px auto 0}.slider{position:relative;overflow:hidden;border-radius:17px}.slide{display:none}.slide.on{display:block}.slide img{width:100%;height:290px;display:block;object-fit:cover}.arr{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:45px;height:45px;background:#fff;color:var(--g);font-size:30px;box-shadow:0 2px 10px #0003;cursor:pointer}.prev{left:12px}.next{right:12px}.dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}.dot{width:9px;height:9px;border:0;border-radius:50%;margin:3px;background:#fffb}.dot.on{background:#fff}
.services{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 30px;text-align:center}.ico{font-size:42px;color:var(--g)}.service h3{font:600 24px "Noto Serif Bengali";margin:5px}.service p{margin:0;color:var(--m)}
.section{padding:38px 0}.section.alt{background:var(--bg)}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title{margin:0;border-left:8px solid var(--g);padding-left:12px;font:700 35px "Noto Serif Bengali"}.more{border:2px solid var(--b);color:var(--b);padding:8px 21px;border-radius:30px}.row-wrap{position:relative}.book-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow:auto;scrollbar-width:none;padding:3px 2px 12px}.book-row::-webkit-scrollbar{display:none}.row-btn{position:absolute;z-index:3;top:45%;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 12px #0003;font-size:28px;color:var(--g)}.row-left{left:-17px}.row-right{right:-17px}
.book-card{position:relative;background:#fff;border:1px solid #e1e4e7;border-radius:17px;overflow:hidden;box-shadow:0 5px 16px #0000000d}.cover{height:330px;background:#eef1f3;display:block}.cover img{width:100%;height:100%;object-fit:cover}.discount{position:absolute;left:0;top:0;background:#e72f4a;color:#fff;border-radius:0 24px 24px 0;padding:6px 12px;font-size:15px;line-height:1.1}.book-info{padding:14px}.book-title{display:block;font:600 20px "Noto Serif Bengali";min-height:58px;line-height:1.45}.author{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.price-row{display:flex;gap:8px;align-items:center}.old{text-decoration:line-through;color:#777}.price-row strong{font-size:24px;color:#168046}.add{margin-left:auto;border:0;background:var(--o);color:#fff;border-radius:8px;padding:9px 13px;font-size:20px}
.people,.publishers{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.person,.publisher{text-align:center}.person img{width:130px;height:130px;border-radius:50%;object-fit:cover;background:#e9edf0}.person h3,.publisher h3{font:600 21px "Noto Serif Bengali";margin:8px}.publisher img{width:135px;height:110px;object-fit:contain;border:2px solid var(--g);border-radius:12px}.outline{display:inline-block;border:2px solid var(--b);color:var(--b);padding:6px 17px;border-radius:7px}
.page{padding:38px 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-cover{height:570px;background:#f2f3f4;border:1px solid var(--bd);border-radius:17px;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:contain}.detail h1{font:700 35px "Noto Serif Bengali";margin-top:0}.meta{display:grid;gap:10px}.meta div{padding:8px 0;border-bottom:1px solid #eee;font-size:18px}.buybox{border:1px solid #ddd;border-radius:14px;padding:18px;margin-top:20px}.big-price{font-size:36px;color:var(--g);font-weight:700}.tabs{margin-top:35px;border:1px solid #ddd;border-radius:14px;padding:20px}.tab-buttons{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd}.tab-buttons button{border:0;background:#fff;padding:13px 20px;font:18px "Noto Serif Bengali";color:var(--b)}.tab-buttons button.active{color:#222;border:1px solid #ddd;border-bottom-color:#fff;border-radius:9px 9px 0 0}.tab-content{padding:20px;line-height:2;font-size:18px}.primary{background:var(--o);color:#fff;border:0;border-radius:8px;padding:12px 22px;font-size:18px;cursor:pointer}.qty{width:90px;padding:11px;border:1px solid #ccc;border-radius:8px}
.form{max-width:650px;margin:auto}.form label{display:block;margin:11px 0 5px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #ccd3d9;border-radius:8px;font:16px inherit}.form textarea{min-height:130px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #ddd;padding:11px}.table th{background:#f3f5f7}.auth{max-width:480px;margin:35px auto;border:1px solid #ddd;border-radius:15px;padding:28px}
.footer{background:var(--gd);color:#fff;margin-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:42px 0}.footer a{display:block;margin:8px 0;color:#e5efe9}.footer-logo{font-size:30px;font-weight:800}.copy{text-align:center;border-top:1px solid #fff2;padding:14px;color:#cbd9d0}.chat{position:fixed;right:22px;bottom:22px;width:68px;height:68px;background:var(--g);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 8px 25px #0003;z-index:90}
.admin{display:grid;grid-template-columns:225px 1fr;min-height:70vh}.side{background:#103f27;color:#fff;padding:18px}.side a{display:block;padding:10px;border-radius:7px}.side a:hover{background:#fff2}.main{padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;border:1px solid #ddd;border-radius:12px}.stat b{font-size:30px;color:var(--g)}.upload{padding:15px;border:2px dashed #b8c8bf;border-radius:10px;background:#f8fbf9}.thumb{width:70px;height:85px;object-fit:cover}
@media(max-width:900px){.container{width:calc(100% - 24px)}.logo{font-size:27px}.mark{font-size:50px}.header-main{height:88px}.actions{font-size:28px;gap:16px}.slide img{height:205px}.services{grid-template-columns:repeat(2,1fr)}.book-row{grid-auto-columns:calc((100% - 14px)/2);gap:14px}.cover{height:275px}.people,.publishers{grid-template-columns:repeat(2,1fr)}.details{grid-template-columns:1fr}.detail-cover{height:440px}.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.admin{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px}.side a{white-space:nowrap}}
@media(max-width:520px){.topbar{height:42px;font-size:16px;padding:7px}.search input{font-size:16px;padding:0 12px}.search button{width:70px}.nav a{font-size:17px;padding:14px 15px}.nav a.active{padding:9px 16px}.slide img{height:175px}.section{padding:27px 0}.section-title{font-size:28px}.more{font-size:14px;padding:7px 11px}.book-row{grid-auto-columns:calc((100% - 14px)/2)}.cover{height:240px}.book-title{font-size:18px;min-height:52px}.book-info{padding:10px}.price-row strong{font-size:21px}.add{font-size:18px;padding:8px 10px}.people,.publishers{gap:18px}.person img{width:105px;height:105px}.publisher img{width:110px;height:95px}.detail-cover{height:360px}.detail h1{font-size:29px}.footer-grid{grid-template-columns:1fr}}
