:root{--blue:#0b63ce;--blue2:#084d9e;--navy:#0d1b2e;--ink:#17243a;--muted:#718096;--line:#e5ebf3;--soft:#f6f8fb;--white:#fff;--danger:#c84d57;--shadow:0 14px 40px rgba(20,45,80,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3,h4,.brand,.btn,.eyebrow{font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.batik-top{height:5px;background:repeating-linear-gradient(135deg,#0b63ce 0 8px,#fff 8px 13px,#d9eaff 13px 20px)}.sitehead{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:grid;grid-template-columns:auto minmax(240px,520px) auto;gap:24px;align-items:center}.brand{font-weight:800;letter-spacing:-.7px;font-size:19px;white-space:nowrap}.brand span{color:var(--blue)}.brand b{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-left:6px}.search{height:44px;border:1px solid #dce5ef;border-radius:12px;display:flex;align-items:center;overflow:hidden;background:#fff}.search span{padding-left:13px;color:#8390a3;font-size:20px}.search input{border:0;outline:0;flex:1;padding:0 10px;background:transparent;min-width:0}.search button{border:0;background:var(--blue);color:#fff;height:100%;padding:0 17px;font-weight:700;cursor:pointer}.sitehead nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;white-space:nowrap}.sitehead nav a{font-size:12px;font-weight:600;color:#526178}.sitehead nav a:hover,.textlink{color:var(--blue)}.cartlink i{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#eaf3ff;color:var(--blue);font-style:normal;border-radius:10px;font-size:10px}.signup{background:var(--blue);color:#fff!important;padding:9px 13px;border-radius:9px}.toast{position:fixed;right:20px;top:95px;z-index:90;background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;max-width:360px}.hero{margin-top:34px;min-height:520px;border-radius:28px;background:linear-gradient(135deg,#f7fbff,#eaf4ff);border:1px solid #dbe9f8;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:64px;overflow:hidden;position:relative}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-3px;max-width:720px;margin:14px 0 20px}.hero h1 em{color:var(--blue);font-style:normal}.hero p{max-width:610px;color:#65758b;font-size:16px}.hero-actions{display:flex;gap:10px;margin:27px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.btn:hover{background:var(--blue2)}.btn.ghost{background:#fff;color:var(--blue);border:1px solid #d6e4f4}.btn.wide{width:100%}.trust{display:flex;gap:18px;color:#64748b;font-size:11px;flex-wrap:wrap}.hero-art{min-height:360px;position:relative}.bookshape{position:absolute;width:190px;height:270px;border-radius:8px;padding:25px;color:#fff;font-family:'Plus Jakarta Sans';font-size:25px;box-shadow:0 25px 50px rgba(7,54,110,.22);transform:rotate(-8deg)}.bookshape strong{font-size:42px}.bookshape.one{background:#0b63ce;left:24%;top:12%}.bookshape.two{background:#0d1b2e;left:44%;top:28%;transform:rotate(10deg)}.batik-orb{position:absolute;width:180px;height:180px;border-radius:50%;right:5%;bottom:5%;background:repeating-conic-gradient(#0b63ce 0 10deg,#dcecff 10deg 20deg);opacity:.5}.section{margin:70px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.sectionhead h1,.sectionhead h2{font-size:30px;letter-spacing:-1px;margin:6px 0}.muted{color:var(--muted)}.bookgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bookcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s;min-width:0}.bookcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.bookvisual{position:relative;background:#edf3f9;aspect-ratio:4/5;overflow:hidden}.bookvisual img{width:100%;height:100%;object-fit:cover;display:block}.cover{width:100%;height:100%;display:grid;align-content:center;padding:25px;background:linear-gradient(145deg,#0b63ce,#063d7f);color:#fff}.cover small{font-size:8px;letter-spacing:1.2px;opacity:.75}.cover strong{font-family:'Plus Jakarta Sans';font-size:22px;line-height:1.08;margin-top:15px;overflow-wrap:anywhere}.badge{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:6px;background:#fff;font-size:9px;font-weight:800}.badge.sale{color:#b06b00}.badge.soldout{color:var(--danger)}.badge.new{color:var(--blue)}.bookbody{padding:11px}.bookbody h3{font-size:12px;line-height:1.35;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookbody p{font-size:11px;color:#8390a3;margin:0 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricerow{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.pricerow strong{font-family:'Plus Jakarta Sans';color:var(--blue);font-size:14px}.pricerow del{font-size:10px;color:#9aa6b5}.addbtn{display:flex;align-items:center;justify-content:center;height:34px;background:#eef5ff;color:var(--blue);border-radius:8px;font-size:11px;font-weight:800}.addbtn:hover{background:#dcecff}.addbtn.disabled{background:#f1f3f6;color:#9ba5b1;pointer-events:none}.promo-strip,.newsletter{margin:55px 0;padding:28px 32px;border-radius:18px;background:#0d1b2e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.promo-strip h2,.newsletter h2{margin:6px 0;font-size:25px}.promo-strip p,.newsletter p{margin:0;color:#b8c6d8}.categorygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.categorygrid a{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:120px}.categorygrid a span{color:var(--blue);float:right}.categorygrid strong,.categorygrid small{display:block}.categorygrid strong{margin-top:35px}.categorygrid small{font-size:10px;color:#8491a3;margin-top:4px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:16px;margin:65px 0}.benefits div{padding:25px;border-right:1px solid var(--line)}.benefits div:last-child{border:0}.benefits b{display:block;color:var(--blue);font-size:10px}.benefits strong{display:block;margin:7px 0 4px}.benefits span{font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar span{font-size:11px;color:var(--muted);margin-right:5px}.toolbar a{font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.empty{margin:40px 0;text-align:center;padding:70px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}.emptyicon{font-family:'Plus Jakarta Sans';font-size:50px;color:var(--blue)}.product{display:grid;grid-template-columns:400px 1fr;gap:55px;padding:70px 0}.productcover{background:#eef3f8;border-radius:16px;overflow:hidden;aspect-ratio:3/4}.productcover img{width:100%;height:100%;object-fit:cover}.productinfo h1{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:10px 0}.productinfo .price{font-family:'Plus Jakarta Sans';font-size:28px;color:var(--blue);margin:20px 0}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.meta div{background:#f7f9fc;border-radius:10px;padding:12px}.meta small,.meta b{display:block}.meta small{font-size:9px;color:#8793a3;text-transform:uppercase;letter-spacing:.5px}.meta b{font-size:12px;margin-top:3px}.description{color:#5d6c80;line-height:1.8}.cartlayout,.checkout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin:50px 0}.cartlist,.summary,.panel,.checkoutside{background:#fff;border:1px solid var(--line);border-radius:16px}.cartlist{padding:8px}.cartrow{display:grid;grid-template-columns:70px 1fr 75px 120px;gap:15px;align-items:center;padding:15px;border-bottom:1px solid #edf1f5}.cartrow:last-child{border:0}.cartrow img,.mini{width:70px;height:90px;object-fit:cover;border-radius:8px;background:#0b63ce}.cartrow input{width:65px;padding:9px;border:1px solid #dce5ef;border-radius:8px}.cartname h3{font-size:13px;margin:0}.cartname small{display:block;color:#8995a5;margin-top:5px}.cartname b{display:block;color:var(--blue);margin-top:5px}.summary,.checkoutside{padding:22px;height:max-content;position:sticky;top:100px}.summary>strong{font-size:25px;font-family:'Plus Jakarta Sans';display:block;margin:7px 0}.line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:12px}.line:last-child{border:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-size:11px;font-weight:700;color:#536278;display:block;margin-bottom:14px}input,select,textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:var(--ink);outline:0}input:focus,select:focus,textarea:focus{border-color:#8cb7e8;box-shadow:0 0 0 3px #eaf3ff}textarea{min-height:110px;resize:vertical}.step{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step>b{width:32px;height:32px;border-radius:9px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center}.step small{display:block;color:#8995a5;font-size:10px}.pay{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;margin:7px 0}.pay input{width:auto;margin:4px 0}.pay span{flex:1}.pay small{display:block;color:#8995a5}.auth{min-height:78vh;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}.authvisual h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:12px 0}.authvisual p{color:#64748b;max-width:580px;font-size:15px}.authquote{margin-top:30px;border-left:3px solid var(--blue);padding-left:15px;color:#52647a}.authform{padding:30px}.authform h2{font-size:25px;margin:7px 0 20px}.authswitch{text-align:center;color:var(--muted);font-size:11px}.authswitch a{color:var(--blue);font-weight:800}.alert{background:#fff0f1;color:#b8424c;border:1px solid #ffd5d9;border-radius:9px;padding:11px;font-size:11px;margin-bottom:15px}.accounthead{display:flex;justify-content:space-between;align-items:center;margin:60px 0 25px}.accounthead h1{font-size:36px;margin:7px 0}.pointbox{background:var(--navy);color:#fff;padding:20px 24px;border-radius:15px;min-width:210px}.pointbox small,.pointbox strong,.pointbox span{display:block}.pointbox small{font-size:9px;letter-spacing:1px;color:#b8c6d8}.pointbox strong{font-family:'Plus Jakarta Sans';font-size:30px}.pointbox span{font-size:10px;color:#b8c6d8}.accountgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{padding:23px;margin-bottom:18px}.panel h3{margin-bottom:18px}.orderline,.pointline{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f5}.orderline:last-child,.pointline:last-child{border:0}.orderline small,.pointline small{display:block;color:#8a96a6;font-size:10px;margin-top:3px}.pointline b{color:#15925a}.pointline b.minus{color:#c84d57}.invoice{max-width:680px;margin:50px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.invoicehead{display:flex;justify-content:space-between}.status{padding:5px 8px;background:#eaf3ff;color:var(--blue);border-radius:7px;font-size:9px;font-weight:800;height:max-content}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;font-size:20px}.orderinfo{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f7f9fc;padding:14px;border-radius:10px;font-size:11px}.orderinfo span b{display:block}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:45px 0}.footergrid .brand{color:#fff}.footergrid .brand span{color:#7eb5f8}.footergrid b{display:block;color:#fff;margin-bottom:10px}.footergrid a,.footergrid span{display:block;color:#afbdd0;font-size:11px;margin:7px 0}.footergrid p{font-size:11px;color:#afbdd0;max-width:300px}.copy{text-align:center;border-top:1px solid #ffffff12;padding:16px;color:#7f90a7;font-size:10px}footer{background:#0d1b2e;color:#fff;margin-top:80px}
/* admin */.adminbody{background:#f4f7fb}.adminside{position:fixed;left:0;top:0;bottom:0;width:235px;background:#0d1b2e;padding:25px 14px;z-index:40}.adminbrand{font-family:'Plus Jakarta Sans';font-size:21px;font-weight:800;color:#fff;padding:0 12px 25px}.adminbrand span{color:#62a4ff}.adminbrand small{display:block;color:#91a4bd;font-size:8px;letter-spacing:2px}.adminside a{display:block;color:#b8c7da;padding:10px 12px;border-radius:8px;font-size:12px;margin:3px 0}.adminside a:hover,.adminside a.active{background:#17365e;color:#fff}.adminmain{margin-left:235px;padding:32px;max-width:1500px}.admintop{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.admintop h1{font-size:31px;margin:5px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat small{color:#7f8c9d;font-size:10px}.stat strong{display:block;font-family:'Plus Jakarta Sans';font-size:23px;margin-top:5px}.admincols{display:grid;grid-template-columns:minmax(330px,1fr) minmax(420px,1.35fr);gap:18px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panelhead h3{margin:0}.panelhead a{font-size:11px;color:var(--blue);font-weight:700}.adminbook{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.admincover{width:58px;height:76px;border-radius:7px;overflow:hidden;background:#0b63ce;color:#fff;display:grid;place-items:center;font-size:8px}.admincover img{width:100%;height:100%;object-fit:cover}.adminbook small{display:block;color:#8390a2;font-size:10px;margin-top:4px}.publish{display:inline-block;font-size:9px;margin-top:5px;padding:3px 6px;border-radius:5px}.publish.on{background:#e7f8ef;color:#16864e}.publish.off{background:#fff0f1;color:#b8424c}.adminactions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.smallbtn{border:0;background:#edf4ff;color:var(--blue);padding:7px 9px;border-radius:7px;font-size:10px;cursor:pointer}.smallbtn.danger{background:#fff0f1;color:#b8424c}.uploadbox{border:1px dashed #cbd9e8;padding:14px;border-radius:10px;background:#fafcff}.uploadbox small{display:block;color:#8995a5;font-weight:400;margin-top:6px}.previewcover{display:block;width:80px;height:105px;object-fit:cover;border-radius:6px;margin-top:10px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.orderadmin{padding:15px 0;border-bottom:1px solid #e7edf4;display:flex;justify-content:space-between;gap:15px;align-items:center}.orderadmin>div{min-width:180px}.orderadmin>div strong{display:block;color:var(--blue);margin-top:5px}.orderadmin small{display:block;color:#8190a3;font-size:10px}.orderadmin form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.emptymini{padding:35px;text-align:center;color:#8995a5}.adminlogin{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf5ff,#f8fafc)}.adminauth{width:min(440px,calc(100% - 30px))}.adminauth>.brand{margin-bottom:18px}.adminauth .panel{box-shadow:var(--shadow)}
@media(max-width:1100px){.nav{grid-template-columns:auto 1fr}.sitehead nav{grid-column:1/-1;justify-content:flex-start;overflow:auto;padding-bottom:8px}.hero{padding:48px}.bookgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.categorygrid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr 1fr}.benefits div:nth-child(2){border-right:0}.benefits div:nth-child(-n+2){border-bottom:1px solid var(--line)}.product{grid-template-columns:340px 1fr}.cartlayout,.checkout{grid-template-columns:1fr}.summary,.checkoutside{position:static}.accountgrid{grid-template-columns:1fr}.admincols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){body{font-size:13px}.wrap{width:min(100% - 24px,1180px)}.sitehead{position:relative}.nav{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0}.brand{font-size:16px}.brand b{font-size:7px}.search{grid-column:1/-1;grid-row:2}.sitehead nav{grid-column:1/-1;grid-row:3;gap:12px}.sitehead nav a{font-size:11px}.hero{margin-top:18px;padding:30px 22px;min-height:440px;display:block;border-radius:20px}.hero h1{font-size:39px;letter-spacing:-2px}.hero p{font-size:14px}.hero-art{display:none}.hero-actions{flex-wrap:wrap}.section{margin:48px 0}.sectionhead{align-items:flex-start;flex-direction:column;gap:7px}.sectionhead h1,.sectionhead h2{font-size:25px}.bookgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookbody{padding:11px}.bookbody h3{font-size:12px}.bookbody p{font-size:10px}.pricerow strong{font-size:14px}.addbtn{height:36px;font-size:10px}.categorygrid{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr;margin:45px 0}.benefits div{border-right:0!important;border-bottom:1px solid var(--line)!important}.benefits div:last-child{border-bottom:0!important}.promo-strip,.newsletter{display:block;padding:23px}.promo-strip .btn,.newsletter .btn{margin-top:15px}.product{grid-template-columns:1fr;gap:25px;padding:35px 0}.productinfo h1{font-size:31px}.formgrid{grid-template-columns:1fr}.cartrow{grid-template-columns:55px 1fr;gap:10px}.cartrow>input,.cartrow>strong{grid-column:2}.cartrow img{width:55px;height:72px}.auth{grid-template-columns:1fr;gap:20px;padding:35px 0}.authvisual h1{font-size:38px}.authvisual{padding:0 5px}.accounthead{display:block;margin:35px 0 22px}.pointbox{margin-top:18px}.orderinfo{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr;gap:25px}.footergrid>div:first-child{grid-column:1/-1}.adminside{position:static;width:100%;display:flex;overflow:auto;padding:10px;gap:3px}.adminbrand{display:none}.adminside a{white-space:nowrap;padding:8px 10px}.adminmain{margin:0;padding:16px}.admintop{align-items:flex-start}.admintop h1{font-size:24px}.stats{grid-template-columns:1fr 1fr}.adminbook{grid-template-columns:48px 1fr}.admincover{width:48px;height:65px}.adminactions{grid-column:2;justify-content:flex-start}.orderadmin{display:block}.orderadmin form{margin-top:12px}.orderadmin form>*{max-width:100%}.panel{padding:17px}.toast{left:12px;right:12px;top:12px}.invoice{margin:25px 0}.newsletter h2,.promo-strip h2{font-size:21px}}

.productimg{background:#eef3f8;border-radius:16px;overflow:hidden;aspect-ratio:3/4}.productimg img{width:100%;height:100%;object-fit:cover}.cover.big{font-size:28px}.pricebig{font-family:'Plus Jakarta Sans';font-size:28px;color:var(--blue);margin:20px 0}.pricebig del{font:500 12px Inter;color:#9aa6b5;margin-left:10px}.author{color:#718096}.btn.large{min-height:48px;padding:0 24px}
/* Compact bookstore grid + premium controls */
.icon{width:16px;height:16px;display:inline-block;vertical-align:-3px;flex:none}
.btn,.smallbtn,.addbtn{gap:7px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover,.smallbtn:hover,.addbtn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,99,206,.12)}
.adminbook{grid-template-columns:46px minmax(0,1fr) auto;padding:9px 0;gap:10px}
.admincover{width:46px;height:60px;border-radius:6px}
.adminbook b{font-size:11px;line-height:1.3;display:block}
.adminbook small{font-size:9px;line-height:1.3}
.adminactions{gap:4px}
.smallbtn{padding:6px 8px;font-size:9px}
@media(max-width:1100px){.bookgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.bookgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.bookgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookvisual{aspect-ratio:4/5}.bookbody{padding:9px}.bookbody h3{font-size:11px}.pricerow strong{font-size:13px}.addbtn{height:34px;font-size:9px}.adminbook{grid-template-columns:42px minmax(0,1fr)}.admincover{width:42px;height:56px}.adminactions{grid-column:1/-1;justify-content:flex-start}}