:root{--ink:#18324f;--muted:#6b7e93;--line:#dbe7f5;--paper:#f5f9ff;--red:#f58220;--navy:#0b4da2;--blue:#0b4da2;--blue-dark:#07366f;--orange:#f58220;--orange-dark:#dc6f10;--green:#087f5b;--warm:#fff6ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{max-width:1280px;margin:auto;padding-left:22px;padding-right:22px}.announce{background:#0b4da2;color:#fff;font-size:12px}.announce-inner{max-width:1280px;margin:auto;padding:8px 22px;display:flex;justify-content:space-between;gap:20px}.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #eee}.head-main{max-width:1280px;margin:auto;display:flex;align-items:center;gap:22px;padding:16px 22px}.menu-btn{width:42px;height:42px;background:#fff;border:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer}.menu-btn span{display:block;height:2px;background:#222;width:25px}.brand{font-weight:900;white-space:nowrap;letter-spacing:-1.4px;font-size:24px}.brand-aw{color:#0b4da2}.brand-book{color:#f58220}.brand-corner{color:#0b4da2}.search{flex:1;display:flex;max-width:680px;margin:auto;border:1px solid #dcdcdc;height:44px}.search input{border:0;outline:0;width:100%;padding:0 14px;font-size:13px}.search button{width:50px;border:0;background:#0b4da2;color:#fff;font-size:24px;cursor:pointer}.icon-btn{background:#fff;border:0;font-weight:700;display:flex;align-items:center;gap:7px;cursor:pointer}.cart-count{min-width:22px;height:22px;border-radius:50%;background:#f58220;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.category-strip{border-top:1px solid #f1f1f1;display:flex;justify-content:center;gap:28px;padding:12px 20px;overflow:auto;white-space:nowrap;font-size:12px;font-weight:700}.category-strip a:hover,.category-strip .active{color:#f58220}.hero-wrap{max-width:1280px;margin:22px auto;padding:0 22px}.hero{min-height:390px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:56px 7%;background:linear-gradient(120deg,#eaf3ff 0%,#fff4e8 54%,#ffffff 100%)}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#fff6;right:18%;top:35px}.hero-copy{position:relative;z-index:2;max-width:540px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:800;color:#f58220;margin-bottom:14px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:.96;margin:0 0 18px;letter-spacing:-3px;color:#0b4da2}.hero p{font-size:16px;line-height:1.6;max-width:510px;color:#4f6175}.hero a{display:inline-block;background:#f58220;color:#fff;padding:14px 26px;font-size:12px;font-weight:800;letter-spacing:.6px;margin-top:7px}.hero-art{position:relative;z-index:2;width:390px;height:260px}.book{position:absolute;width:120px;height:200px;border-radius:5px 12px 12px 5px;box-shadow:0 18px 30px #0002;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;text-align:center;padding:12px}.b1{background:#f58220;left:40px;top:38px;transform:rotate(-10deg)}.b2{background:#0b4da2;left:140px;top:12px;transform:rotate(3deg)}.b3{background:#f58220;left:245px;top:43px;transform:rotate(11deg)}.pencil{position:absolute;right:-20px;top:2px;font-size:68px;transform:rotate(20deg)}.quick-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:6px}.quick-card{border:1px solid var(--line);padding:16px;display:flex;align-items:center;gap:12px;min-height:82px;background:#fff;transition:.2s}.quick-card:hover{border-color:#0b4da2;transform:translateY(-2px)}.quick-icon{font-size:29px}.quick-card b{display:block;font-size:13px}.quick-card small{display:block;color:var(--muted);margin-top:5px}.products{padding-top:42px;padding-bottom:42px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.section-head h2{margin:0;font-size:27px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.section-head>a{font-size:12px;font-weight:700;color:#f58220}.product-tabs{display:flex;gap:24px;overflow:auto;padding:14px 0 24px;font-size:12px;font-weight:700;white-space:nowrap}.product-tabs a.active,.product-tabs a:hover{color:#f58220}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.card{background:#fff;position:relative}.pic{aspect-ratio:4/5;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.pic img{width:100%;height:100%;object-fit:contain;padding:10px}.badge{position:absolute;top:9px;left:9px;z-index:2;background:#f58220;color:#fff;font-size:11px;font-weight:800;padding:6px 8px}.quick-add{position:absolute;right:10px;bottom:10px;width:37px;height:37px;border-radius:50%;border:0;background:#fff;box-shadow:0 3px 15px #0002;font-size:22px;cursor:pointer;opacity:0;transform:translateY(4px);transition:.2s}.pic:hover .quick-add{opacity:1;transform:none}.book-placeholder{height:76%;width:66%;background:linear-gradient(145deg,#0b4da2,#1b6ac9);box-shadow:0 16px 28px #0003;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;border-radius:3px 10px 10px 3px}.book-placeholder span,.book-placeholder small{font-size:10px;letter-spacing:2px;opacity:.75}.book-placeholder b{font-size:18px;margin:15px 0;line-height:1.25}.card-body{padding:14px 2px 4px}.meta{font-size:10px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.name{font-weight:700;font-size:14px;line-height:1.35;margin-top:6px;min-height:38px}.author{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{display:flex;align-items:center;gap:8px;margin:10px 0}.now{font-weight:800;color:#f58220}.old{font-size:12px;text-decoration:line-through;color:#999}.add{width:100%;height:38px;border:1px solid #0b4da2;background:#fff;color:#0b4da2;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.add:hover{background:#0b4da2;color:#fff}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px;margin-top:15px;margin-bottom:45px}.trust>div{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;border-right:1px solid var(--line);padding:0 18px}.trust>div:last-child{border-right:0}.trust span{grid-row:1/3;font-size:27px}.trust b{font-size:13px}.trust small{font-size:11px;color:var(--muted);margin-top:3px}.sidebar{position:fixed;left:-340px;top:0;width:min(325px,90vw);height:100%;z-index:60;background:#fff;box-shadow:10px 0 35px #0003;transition:.25s;padding-bottom:30px;overflow:auto}.sidebar.open{left:0}.side-title{background:#0b4da2;color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.side-title button{border:0;background:transparent;color:#fff;font-size:25px}.cat{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #eee;font-size:13px}.cat:hover,.cat.active{color:#f58220;background:#fafafa}.side-sep{height:14px;background:#f5f5f5}.overlay{position:fixed;inset:0;background:#0007;z-index:50;display:none}.overlay.show{display:block}.drawer{position:fixed;top:0;right:-460px;width:min(445px,100%);height:100%;background:#fff;z-index:70;box-shadow:-10px 0 35px #0003;transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head b{display:block}.drawer-head small{color:var(--muted);margin-top:5px;display:block}.drawer-head .cart-count{display:inline-flex}.drawer-body{padding:16px 20px;overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:1fr 60px 82px 32px;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.cart-row input{width:56px;padding:7px;border:1px solid #ddd}.x{border:0;background:#f5f5f5;color:#222;width:32px;height:32px;font-size:18px}.drawer-foot{border-top:1px solid var(--line);padding:18px 20px}.cart-total-line{display:flex;justify-content:space-between;margin-bottom:15px}.checkout{display:block;text-align:center;background:#f58220;color:#fff;padding:14px;font-size:12px;font-weight:900}.continue{display:block;width:100%;border:0;background:#fff;text-decoration:underline;margin-top:13px;font-size:12px;cursor:pointer}.empty{padding:45px;background:#fafafa;text-align:center;color:#777}.footer{background:#07366f;color:#fff;padding-top:42px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{font-size:25px}.footer p{color:#c6cede;max-width:420px;font-size:13px;line-height:1.7}.footer-grid>div>b{display:block;margin-bottom:14px}.footer-grid>div>a{display:block;color:#c6cede;font-size:12px;margin:9px 0}.copyright{margin-top:35px;border-top:1px solid #ffffff1f;text-align:center;padding:16px;color:#aab6c8;font-size:11px}.admin-wrap{max-width:1150px;margin:30px auto;padding:0 18px}.panel{background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #d6dbe5}.full{grid-column:1/-1}.btn{border:0;padding:11px 16px;background:#0b4da2;color:#fff;font-weight:800;cursor:pointer}.btn.orange{background:#f58220}.notice{padding:12px;background:#ecfdf3;color:#067647;margin-bottom:15px}.err{background:#fef3f2;color:#b42318}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f8fafc}.login{max-width:420px;margin:80px auto;padding:25px;border:1px solid var(--line)}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{padding:9px 12px;background:#eaf3ff;font-weight:700}.admin-nav a.danger{background:#fee;color:#b42318}
@media(max-width:1050px){.grid{grid-template-columns:repeat(4,1fr)}.quick-cats{grid-template-columns:repeat(3,1fr)}.hero-art{transform:scale(.85);transform-origin:right center}.category-strip{justify-content:flex-start}}
@media(max-width:780px){.announce-inner span:nth-child(2),.announce-inner span:nth-child(3){display:none}.announce-inner{justify-content:center}.head-main{gap:9px;padding:11px}.brand{font-size:18px}.search{order:4;flex-basis:100%;max-width:none}.head-main{flex-wrap:wrap}.menu-btn{width:36px}.category-strip{display:none}.hero-wrap{padding:0;margin-top:12px}.hero{min-height:390px;padding:38px 26px}.hero-art{position:absolute;right:-120px;bottom:-35px;opacity:.42}.hero-copy{max-width:75%}.hero h1{font-size:45px}.grid{grid-template-columns:repeat(3,1fr)}.trust{grid-template-columns:repeat(2,1fr);gap:20px}.trust>div{border:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:560px){.desktop-only{display:none}.cart-symbol{font-size:17px}.quick-cats{grid-template-columns:repeat(2,1fr);padding-left:12px;padding-right:12px}.products{padding-left:12px;padding-right:12px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.pic{aspect-ratio:3/4}.card-body{padding-top:10px}.name{font-size:12px;min-height:33px}.now{font-size:13px}.old{font-size:10px}.add{font-size:10px;height:34px}.section-head h2{font-size:22px}.product-tabs{gap:17px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-copy{max-width:90%}.hero p{font-size:13px}.trust{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.search input{font-size:11px}.book-placeholder b{font-size:13px}.quick-add{opacity:1}}


/* AWANBOOKCORNER Blue / White / Orange Theme */
body{background:#fff;color:#18324f}
.announce{background:#07366f}
.site-header{border-bottom:3px solid #f58220;box-shadow:0 5px 18px rgba(11,77,162,.08)}
.menu-btn{border:1px solid #dbe7f5;border-radius:8px}
.menu-btn span{background:#0b4da2;height:3px;border-radius:9px}
.brand-aw,.brand-corner{color:#0b4da2}.brand-book{color:#f58220}
.search{border:2px solid #dbe7f5;border-radius:8px;overflow:hidden;background:#fff}
.search:focus-within{border-color:#0b4da2;box-shadow:0 0 0 3px rgba(11,77,162,.08)}
.search button{background:#0b4da2}.search button:hover{background:#07366f}
.icon-btn{color:#0b4da2}.cart-count{background:#f58220}
.category-strip{background:#0b4da2;color:#fff;border-top:0;padding-top:13px;padding-bottom:13px}
.category-strip a{padding:6px 2px;border-bottom:2px solid transparent}
.category-strip a:hover,.category-strip .active{color:#fff;border-bottom-color:#f58220}
.hero{border-radius:16px;background:linear-gradient(118deg,#eaf3ff 0%,#ffffff 52%,#fff2e3 100%);border:1px solid #dbe7f5;box-shadow:0 14px 38px rgba(11,77,162,.09)}
.eyebrow{color:#f58220}.hero h1{color:#07366f}.hero a{background:#f58220;border-radius:7px;box-shadow:0 8px 18px rgba(245,130,32,.22)}.hero a:hover{background:#dc6f10}
.b1,.b3{background:#f58220}.b2{background:#0b4da2}
.quick-card{border-radius:12px;border-color:#dbe7f5;box-shadow:0 4px 14px rgba(11,77,162,.04)}
.quick-card:hover{border-color:#f58220;box-shadow:0 10px 24px rgba(11,77,162,.10)}
.section-head h2{color:#07366f}.section-head>a,.product-tabs a.active,.product-tabs a:hover{color:#f58220}
.card{border:1px solid #e2ebf6;border-radius:12px;overflow:hidden;box-shadow:0 5px 17px rgba(11,77,162,.05);transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(11,77,162,.12);border-color:#c7dcf4}
.pic{background:#f6f9fd}.badge{background:#f58220;border-radius:5px}
.quick-add{color:#0b4da2}.book-placeholder{background:linear-gradient(145deg,#0b4da2,#1b6ac9)}
.meta{color:#6f86a0}.name{color:#18324f}.now{color:#f58220}.add{border-color:#0b4da2;color:#0b4da2;border-radius:6px}.add:hover{background:#0b4da2;color:#fff}
.trust{background:#f8fbff;border-color:#dbe7f5;border-radius:12px}.trust b{color:#07366f}
.side-title{background:#0b4da2;border-bottom:4px solid #f58220}.cat:hover,.cat.active{color:#f58220;background:#fff7ef}
.drawer-head{background:#f8fbff;border-top:4px solid #f58220}.checkout{background:#f58220;border-radius:7px}.checkout:hover{background:#dc6f10}
.footer{background:#07366f;border-top:5px solid #f58220}.footer-grid>div>b{color:#fff}.footer-grid>div>a:hover{color:#f58220}

/* Admin theme */
.admin-wrap{max-width:1180px;margin:28px auto;padding:0 20px}.admin-wrap>h1{color:#07366f;border-left:6px solid #f58220;padding-left:12px}
.admin-nav{background:#0b4da2;padding:10px;border-radius:10px;box-shadow:0 7px 20px rgba(11,77,162,.12)}
.admin-nav a{background:transparent;color:#fff;border-radius:6px;padding:10px 13px}.admin-nav a:hover{background:#f58220;color:#fff}.admin-nav a.danger{background:#fff;color:#c5362b}.admin-nav a.danger:hover{background:#c5362b;color:#fff}
.panel{border:1px solid #dbe7f5;border-radius:12px;box-shadow:0 6px 18px rgba(11,77,162,.05)}
.field input,.field select,.field textarea{border:1px solid #cfdced;border-radius:7px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#0b4da2;box-shadow:0 0 0 3px rgba(11,77,162,.08)}
.btn{background:#0b4da2;border-radius:7px}.btn:hover{background:#07366f}.btn.orange{background:#f58220}.btn.orange:hover{background:#dc6f10}
th{background:#eaf3ff;color:#07366f;border-bottom:2px solid #c9dcf4}td a{color:#0b4da2;font-weight:700}td a:hover{color:#f58220}
.login{max-width:430px;margin:80px auto;padding:28px;border:1px solid #dbe7f5;border-top:5px solid #f58220;border-radius:14px;box-shadow:0 14px 38px rgba(11,77,162,.12);background:#fff}.login h2{color:#07366f}.login .btn{background:#0b4da2}
@media(max-width:780px){.site-header{border-bottom-width:2px}.category-strip{display:none}.hero{border-radius:0}.admin-nav{border-radius:8px}.admin-nav a{flex:1;text-align:center;min-width:105px}}