*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#16233a;background:#fff}
img{max-width:100%}
.wrap{width:min(1220px,92%);margin:auto}
header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e8ebef}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#102b5b}
.brand img{width:58px;height:50px;object-fit:contain}
.brand strong{font-size:21px;letter-spacing:1px;display:block}
.brand small{font-size:9px;letter-spacing:3px}
.nav nav{display:flex;align-items:center;gap:24px}
.nav nav a{font-size:13px;text-decoration:none;color:#27354c;font-weight:600}
.nav nav a.active{color:#c07b0b}
.contactbtn{border:1px solid #102b5b;padding:11px 16px}
.menu{display:none;background:none;border:0;font-size:24px}
.kicker,.darkKicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#f1ad2b}
.darkKicker{color:#a36c08}
h1,h2,h3{font-family:Georgia,serif}
.pageHero{background:linear-gradient(120deg,#0a2348,#173e74);color:#fff;padding:78px 0}
.pageHero h1{font-size:54px;line-height:1.05;margin:15px 0 18px}
.pageHero p{max-width:760px;color:#d5deeb;font-size:18px;line-height:1.7}
.breadcrumb{font-size:12px;color:#bdc9d8}
.breadcrumb a{color:#e6b13a;text-decoration:none}
.section{padding:82px 0}
.soft{background:#f5f6f8}
.navy{background:#0f2b56;color:#fff}
.sectionTitle{text-align:center;margin-bottom:38px}
.sectionTitle h2{font-size:42px;color:#102d59;margin:12px 0}
.sectionTitle p{max-width:760px;margin:0 auto;color:#69758a;line-height:1.7}
.navy .sectionTitle h2{color:#fff}
.navy .sectionTitle p{color:#c3cfdf}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid #e2e6ec;padding:26px}
.card h3{color:#15345f;margin:8px 0 12px;font-size:21px}
.card p,.card li{color:#687489;line-height:1.65;font-size:14px}
.card a{color:#153e72;text-decoration:none;font-weight:800;font-size:13px}
.tag{font-size:10px;letter-spacing:1.7px;color:#9b680c;font-weight:800}
.hero{min-height:680px;background:radial-gradient(circle at 78% 40%,#214e8b 0,#102e5d 30%,#071b3b 72%);color:white;overflow:hidden}
.heroGrid{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px}
.hero h1{font-size:65px;line-height:1.03;margin:19px 0}
.hero h1 i{font-style:normal;color:#f3ae2c}
.heroText>p{font-size:18px;line-height:1.7;color:#d6dfeb;max-width:670px}
.buttons{display:flex;gap:12px;margin:32px 0}
.buttons a,.gold{display:inline-block;padding:15px 21px;text-decoration:none;font-weight:800;font-size:13px}
.gold{background:linear-gradient(100deg,#ff9b22,#efc044);color:#102444}
.ghost{border:1px solid #8398b6;color:white}
.mini{display:flex;gap:24px;flex-wrap:wrap;margin-top:45px;font-size:12px;color:#bdcadd}
.mini span:before{content:"●";color:#f3aa29;font-size:8px;margin-right:7px}
.heroBooks{height:520px;position:relative;perspective:900px}
.bk{position:absolute;width:235px;height:350px;object-fit:cover;border-radius:5px;box-shadow:0 35px 60px #0008}
.q{left:5%;top:105px;transform:rotate(-12deg)}
.a{left:34%;top:55px;z-index:3}
.p{left:63%;top:105px;transform:rotate(11deg)}
.reach{padding:92px 0}
.reachGrid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e1e5eb}
.reachGrid article{padding:27px 22px;min-height:235px;border-right:1px solid #e1e5eb}
.reachGrid article:last-child{border:0}
.reachGrid b{color:#b7780d;font:700 12px Georgia,serif}
.reachGrid h3{font-size:19px;color:#173760;margin-top:32px}
.reachGrid p{font-size:13px;line-height:1.6;color:#6b7586;min-height:48px}
.reachGrid a{font-size:12px;color:#123b70;font-weight:800;text-decoration:none}
.bookGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.bookGrid article{background:white;padding:18px 18px 23px;border:1px solid #e6e8eb}
.cover{height:365px;background:#e9ebef;display:flex;justify-content:center;overflow:hidden;margin-bottom:20px}
.cover img{height:100%;width:auto;transition:.3s}
.bookGrid article:hover .cover img{transform:scale(1.025)}
.bookGrid h3{font-size:19px;line-height:1.3;color:#17355f;margin:9px 0}
.bookGrid p{font-size:12px;color:#778193}
.spotlight{padding:85px 0;background:#0d2b58;color:white}
.spotGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}
.spotlight h2{font-size:43px;color:white;margin:12px 0}
.spotlight h2 i{font-style:normal;color:#efac2c}
.spotlight p{color:#c6d2e2;line-height:1.7}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}
.chips b{border:1px solid #5c7392;padding:8px 10px;font-size:11px}
.banner img{width:100%;border-radius:8px;box-shadow:0 25px 45px #00112b}
.aboutGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.statement{height:390px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ddd}
.statement span{display:grid;place-items:center;background:#12345f;color:white;font:700 13px Georgia,serif;letter-spacing:1.5px}
.statement span:nth-child(2),.statement span:nth-child(3){background:#f1ad2b;color:#153057}
.aboutGrid p{color:#667386;line-height:1.8}
.partnerGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}
.solutions{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.solutions article{background:#fff;padding:25px}
.solutions h3{font-size:18px;color:#153760}
.solutions p{font-size:13px;color:#657286;line-height:1.7}
.contactBand{padding:72px 0;background:linear-gradient(110deg,#ff9a22,#f3c24a)}
.contactGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.contactGrid h2{font-size:46px;color:#102d59;margin:12px 0}
.contactCard{background:#fff;padding:30px;box-shadow:0 20px 40px #70410026}
.contactCard h3{font-size:24px;color:#12345f}
.contactCard small{color:#7a8290;line-height:1.5}
.categoryGroup{margin-bottom:34px}
.categoryGroup h2{font-size:30px;color:#14355f;margin-bottom:16px}
.categoryList{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.categoryItem{background:white;border:1px solid #e3e7ec;padding:20px}
.categoryItem strong{display:block;color:#17365f;margin-bottom:8px}
.categoryItem span{font-size:13px;color:#6d7788;line-height:1.55}
.searchbox{display:flex;gap:10px;max-width:760px;margin:0 auto 35px}
.searchbox input{flex:1;padding:15px 16px;border:1px solid #ccd3dd;border-radius:4px;font-size:15px}
.searchbox button{padding:0 20px;border:0;background:#123761;color:white;font-weight:700;border-radius:4px}
.tableWrap{overflow:auto}
.catalogTable{width:100%;border-collapse:collapse;background:white}
.catalogTable th,.catalogTable td{text-align:left;padding:14px;border-bottom:1px solid #e6e9ee;font-size:13px}
.catalogTable th{background:#12345f;color:white}
.catalogTable td{color:#5d697d}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.formGrid .full{grid-column:1/-1}
label{font-size:13px;font-weight:700;color:#20324e}
input,textarea,select{width:100%;margin-top:7px;padding:13px;border:1px solid #d6dbe3;border-radius:4px;font:inherit}
textarea{min-height:140px;resize:vertical}
.submit{background:#12345f;color:white;border:0;padding:14px 20px;font-weight:800;border-radius:4px;cursor:pointer}
.notice{font-size:12px;color:#7c8798;margin-top:12px}
footer{background:#071a37;color:#b8c5d7;padding:28px 0}
.foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px}
.fbrand{display:flex;align-items:center;gap:9px;color:white}
.fbrand img{width:42px;height:36px;object-fit:contain}
@media(max-width:950px){
 .nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}
 .nav nav.open{display:flex}.menu{display:block}
 .heroGrid,.spotGrid,.aboutGrid,.partnerGrid,.contactGrid,.grid2{grid-template-columns:1fr}
 .hero{padding:60px 0}.hero h1{font-size:50px}.heroBooks{height:450px}
 .reachGrid{grid-template-columns:1fr 1fr}.bookGrid,.grid4{grid-template-columns:1fr 1fr}.grid3,.categoryList{grid-template-columns:1fr 1fr}
 .foot{grid-template-columns:1fr;text-align:center;gap:15px}.fbrand{justify-content:center}
}
@media(max-width:600px){
 .heroBooks{display:none}.heroGrid{min-height:600px}.hero h1,.pageHero h1{font-size:42px}
 .buttons{flex-direction:column}.buttons a{text-align:center}
 .reachGrid,.bookGrid,.grid3,.grid4,.solutions,.categoryList,.formGrid{grid-template-columns:1fr}
 .sectionTitle h2,.spotlight h2,.contactGrid h2{font-size:34px}.cover{height:420px}
 .formGrid .full{grid-column:auto}
}

/* V3 enhancements */
.heroBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff33;border-radius:999px;color:#dbe5f1;font-size:11px;margin-top:8px}
.heroBadge:before{content:"✓";color:#f4b53d;font-weight:900}
.statStrip{background:#fff;border-bottom:1px solid #e6e9ee}
.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.statGrid div{padding:22px;text-align:center;border-right:1px solid #e6e9ee}
.statGrid div:last-child{border:0}
.statGrid b{display:block;font:700 20px Georgia,serif;color:#17355e}
.statGrid span{font-size:11px;color:#7a8494;letter-spacing:.5px}
.authorGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.authorCard{background:white;border:1px solid #e1e5eb;padding:25px}
.authorCard .avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#14355f,#2f6fb3);display:grid;place-items:center;color:white;font-weight:800;font-size:20px;margin-bottom:16px}
.authorCard h3{margin:4px 0;color:#15345f;font-size:20px}
.authorCard p{color:#687489;font-size:13px;line-height:1.65}
.policy{max-width:900px}
.policy h2{font-size:28px;color:#15345f;margin-top:32px}
.policy p,.policy li{color:#606d81;line-height:1.8}
.bookDetail{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.bookDetail .bigCover{background:#f0f2f5;padding:28px;text-align:center}
.bookDetail .bigCover img{max-height:620px;width:auto;box-shadow:0 25px 45px #0002}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.meta div{background:#f6f7f9;padding:14px}
.meta b{display:block;color:#15345f;font-size:12px;margin-bottom:4px}
.meta span{font-size:13px;color:#6b7585}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.pills span{background:#eef2f7;color:#15345f;padding:8px 10px;font-size:11px;font-weight:700}
.ctaBox{background:#0f2b56;color:white;padding:30px;margin-top:30px}
.ctaBox h3{color:white;margin-top:0}
.ctaBox p{color:#cbd6e5}
.quickLinks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.quickLinks a{background:#fff;border:1px solid #e2e6ec;text-decoration:none;color:#173760;padding:18px;font-weight:800;font-size:13px}
@media(max-width:900px){.statGrid{grid-template-columns:1fr 1fr}.authorGrid{grid-template-columns:1fr 1fr}.bookDetail{grid-template-columns:1fr}.quickLinks{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.authorGrid,.quickLinks,.statGrid,.meta{grid-template-columns:1fr}}

.legacyStats{background:#fff;border-bottom:1px solid #e4e8ed}.legacyStats .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.legacyStats div{padding:25px 14px;text-align:center;border-right:1px solid #e5e8ed}.legacyStats strong{display:block;font:700 25px Georgia,serif;color:#15355f}.legacyStats span{font-size:10px;color:#7a8493;text-transform:uppercase}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.timeline article{background:#fff;border-top:4px solid #e2a72d;padding:23px;min-height:205px}.timeline .year{font:700 24px Georgia,serif;color:#b4770c}.timeline h3{font-size:18px;color:#15345f}.timeline p{font-size:12px;line-height:1.65;color:#6c7687}
.curriculumGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.curriculumGrid div{border:1px solid #38547a;background:#173761;padding:22px;color:#fff}.curriculumGrid b{display:block;font-family:Georgia,serif;font-size:18px;margin-bottom:8px}.curriculumGrid span{font-size:12px;line-height:1.55;color:#cad5e3}
.awardsGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.award{border:1px solid #e1e5eb;background:#fff;padding:30px}.award h3{color:#15345f;font-size:23px}.award p{color:#687489;line-height:1.7;font-size:14px}.groupBadge{display:inline-block;margin-top:13px;padding:8px 12px;border:1px solid #ffffff38;color:#dce5f0;font-size:11px;letter-spacing:1px}
@media(max-width:950px){.legacyStats .wrap,.timeline,.curriculumGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.legacyStats .wrap,.timeline,.curriculumGrid,.awardsGrid{grid-template-columns:1fr}}

/* V6 downloads and author forms */
.downloadGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.downloadCard{background:#fff;border:1px solid #e1e5eb;padding:28px;display:flex;flex-direction:column;min-height:245px}.downloadCard .icon{font-size:30px;margin-bottom:12px}.downloadCard h3{font-size:22px;color:#15345f;margin:6px 0}.downloadCard p{color:#687489;line-height:1.65;font-size:14px;flex:1}.downloadCard a{display:inline-block;background:#15355f;color:#fff;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:800;align-self:flex-start}.authorFormWrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.formIntro{background:#0f2b56;color:#fff;padding:30px}.formIntro h2{color:#fff;font-size:33px}.formIntro p,.formIntro li{color:#cbd6e5;line-height:1.7}.awardsPageGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.awardFull{background:#fff;border:1px solid #e2e6ec;padding:32px;border-top:5px solid #e2a72d}.awardFull h2{font-size:28px;color:#15345f}.awardFull p{color:#687489;line-height:1.75}.awardMeta{font-size:11px;letter-spacing:1.4px;color:#9b680c;font-weight:800}@media(max-width:850px){.downloadGrid,.authorFormWrap,.awardsPageGrid{grid-template-columns:1fr}}

/* ECOMMERCE V1 */
.shopbar{background:#fff8e6;border-bottom:1px solid #efd68b;font-size:12px;color:#6b5318}
.shopbar .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:9px 0}
.shopbar a{color:#153b6b;font-weight:800;text-decoration:none}
.cartBadge{position:relative}
.cartCount{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e4a72d;color:#102b5b;font-size:10px;font-weight:900;margin-left:4px}
.storeHero{background:linear-gradient(120deg,#09224a,#173e74);color:#fff;padding:70px 0}
.storeHero h1{font:700 52px Georgia,serif;margin:10px 0}
.storeHero p{color:#d6dfeb;max-width:760px;line-height:1.7}
.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:30px}
.filters input,.filters select{margin:0;background:#fff}
.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.productCard{background:#fff;border:1px solid #e2e6ec;padding:16px;display:flex;flex-direction:column}
.productCover{height:320px;background:#f2f3f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.productCover img{height:100%;width:auto}
.productCard h3{font-size:18px;line-height:1.3;color:#15345f;margin:12px 0 8px}
.productMeta{font-size:11px;color:#7b8593;line-height:1.55;min-height:35px}
.priceRow{display:flex;gap:9px;align-items:baseline;margin:12px 0}
.price{font-size:20px;font-weight:900;color:#102d59}.mrp{text-decoration:line-through;color:#949ba6;font-size:12px}
.stock{font-size:11px;font-weight:800;margin-bottom:12px}.inStock{color:#277444}.outStock{color:#b33838}
.productActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.productActions button,.productActions a{border:0;padding:12px;text-align:center;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}
.addBtn{background:#12345f;color:#fff}.buyBtn{background:#e4aa31;color:#102b5b}.interestBtn{grid-column:1/-1;background:#f1f3f6;color:#15345f;border:1px solid #d7dce3!important}
.cartDrawer{position:fixed;top:0;right:-430px;width:min(420px,92vw);height:100vh;background:#fff;z-index:100;box-shadow:-20px 0 50px #0002;transition:.25s;display:flex;flex-direction:column}
.cartDrawer.open{right:0}.cartHead{padding:20px;border-bottom:1px solid #e5e8ed;display:flex;justify-content:space-between;align-items:center}
.cartBody{padding:18px;overflow:auto;flex:1}.cartItem{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f3}
.cartItem img{width:60px;height:80px;object-fit:cover}.cartItem h4{margin:0 0 6px;color:#17355f;font-size:14px}.cartItem small{color:#747e8e}
.qty{display:flex;align-items:center;gap:7px;margin-top:8px}.qty button{width:24px;height:24px;border:1px solid #d6dbe3;background:#fff;cursor:pointer}
.cartFoot{border-top:1px solid #e5e8ed;padding:18px}.summaryLine{display:flex;justify-content:space-between;margin:8px 0;font-size:13px}.summaryLine.total{font-size:18px;font-weight:900;color:#102d59}
.checkoutBtn{display:block;width:100%;padding:14px;border:0;background:#12345f;color:#fff;font-weight:900;text-align:center;text-decoration:none;margin-top:14px}
.overlay{position:fixed;inset:0;background:#0007;z-index:90;display:none}.overlay.show{display:block}
.checkoutGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.orderBox{background:#f6f7f9;padding:24px}.orderBox h3{margin-top:0;color:#15345f}
.paymentNote{background:#eef6ff;border:1px solid #c7dcef;padding:15px;font-size:12px;line-height:1.6;color:#35516e;margin-top:14px}
.noCod{background:#fff1f1;border:1px solid #efc1c1;color:#9a3434;padding:11px 13px;font-size:12px;font-weight:800;margin-top:12px}
.successBox{max-width:720px;margin:70px auto;padding:35px;background:#fff;border:1px solid #dfe4ea;text-align:center}
.interestModal{position:fixed;inset:0;display:none;z-index:120;place-items:center;padding:20px}.interestModal.show{display:grid}
.interestCard{width:min(520px,96vw);background:#fff;padding:28px;box-shadow:0 30px 70px #0004}.interestCard h3{color:#15345f;font-size:25px;margin-top:0}
.closeX{border:0;background:none;font-size:22px;cursor:pointer;float:right}
.shippingRule{background:#f7fbf7;border:1px solid #cae3ce;padding:12px 14px;font-size:12px;color:#3d6645;margin:14px 0}
@media(max-width:950px){.productGrid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.checkoutGrid{grid-template-columns:1fr}}
@media(max-width:600px){.productGrid,.filters{grid-template-columns:1fr}.shopbar .wrap{display:block;text-align:center}.productCover{height:380px}}

/* V2 preview/full navigation enhancements */
.preview-page{display:none}.preview-page.active{display:block}
.preview-note{background:#fff3cf;border-bottom:1px solid #e7cb70;color:#624c14;padding:9px 12px;text-align:center;font-size:12px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#102d59;color:#fff;padding:12px 18px;border-radius:5px;z-index:200;display:none;box-shadow:0 12px 28px #0003}
.toast.show{display:block}
.checkoutBack{display:inline-block;margin-top:12px;color:#173b70;text-decoration:none;font-weight:800;font-size:13px}
.fakePayment{background:#fff;border:1px solid #e0e5eb;padding:20px;margin-top:18px;display:none}
.fakePayment.show{display:block}
.payOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.payOptions button{padding:12px;border:1px solid #d6dce5;background:#f8f9fb;cursor:pointer;font-weight:800;color:#17355f}
@media(max-width:600px){.payOptions{grid-template-columns:1fr}}

/* CUSTOMER ACCOUNT V3 */
.accountBar{display:flex;align-items:center;gap:10px}
.accountBtn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d6dbe3;background:#fff;color:#15345f;text-decoration:none;font-size:12px;font-weight:800}
.authWrap{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.authCard{background:#fff;border:1px solid #dfe4ea;padding:30px}
.authCard h2{color:#15345f;font-size:30px;margin-top:0}
.authTabs{display:flex;gap:8px;margin-bottom:18px}
.authTabs button{flex:1;padding:11px;border:1px solid #d8dde5;background:#f7f8fa;cursor:pointer;font-weight:800;color:#17355f}
.authTabs button.active{background:#12345f;color:#fff}
.socialBtn{display:block;width:100%;padding:13px;margin:9px 0;border:1px solid #d7dce4;background:#fff;color:#20324b;font-weight:800;cursor:pointer}
.socialBtn.google:before{content:"G";font-weight:900;margin-right:8px;color:#4285f4}
.socialBtn.facebook:before{content:"f";font-weight:900;margin-right:8px;color:#1877f2}
.socialBtn.apple:before{content:"";margin-right:8px}
.or{display:flex;align-items:center;gap:10px;color:#8a93a1;font-size:11px;margin:16px 0}.or:before,.or:after{content:"";height:1px;background:#e0e4ea;flex:1}
.otpRow{display:grid;grid-template-columns:1fr auto;gap:8px}.otpRow button{border:0;background:#e4aa31;color:#102b5b;padding:0 16px;font-weight:800}
.profileGrid{display:grid;grid-template-columns:260px 1fr;gap:26px}
.profileNav{background:#102d59;color:#fff;padding:18px}
.profileNav a{display:block;color:#dce5f1;text-decoration:none;padding:12px;border-bottom:1px solid #ffffff18;font-size:13px}
.profileNav a.active{color:#f4b33c;font-weight:800}
.profilePanel{background:#fff;border:1px solid #e0e5eb;padding:26px}
.profilePanel h2{font-size:30px;color:#15345f}
.addressCard,.orderCard{border:1px solid #e1e5eb;padding:18px;margin:12px 0}
.orderHead{display:flex;justify-content:space-between;gap:15px;align-items:center}
.orderStatus{padding:6px 9px;background:#eaf7ee;color:#347246;font-size:11px;font-weight:800}
.authGate{background:#fff8e4;border:1px solid #edd08a;padding:14px;color:#675019;font-size:12px;margin-bottom:15px}
.userChip{font-size:12px;font-weight:800;color:#15345f}
.logoutBtn{border:0;background:none;color:#a33434;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:900px){.authWrap,.profileGrid{grid-template-columns:1fr}}

/* V5 - global cart, homepage slider, stronger Sugam branding */
.globalCartButton{position:fixed;right:20px;bottom:24px;z-index:88;background:#e3a72d;color:#102d59;border:0;border-radius:999px;padding:13px 17px;font-weight:900;box-shadow:0 12px 30px #0003;cursor:pointer}
.globalCartButton .cartCount{background:#102d59;color:#fff;margin-left:7px}
.globalCartDrawer{position:fixed;right:-440px;top:0;width:min(430px,94vw);height:100vh;background:#fff;z-index:160;box-shadow:-20px 0 55px #0003;transition:.25s;display:flex;flex-direction:column}
.globalCartDrawer.open{right:0}
.globalCartOverlay{display:none;position:fixed;inset:0;background:#0008;z-index:150}.globalCartOverlay.show{display:block}
.globalCartHead{padding:20px;border-bottom:1px solid #e3e7ec;display:flex;justify-content:space-between;align-items:center}
.globalCartBody{padding:18px;overflow:auto;flex:1}.globalCartFoot{border-top:1px solid #e3e7ec;padding:18px}
.globalCartItem{display:grid;grid-template-columns:58px 1fr auto;gap:12px;border-bottom:1px solid #edf0f3;padding:12px 0}
.globalCartItem img{width:58px;height:78px;object-fit:cover}.globalCartItem h4{font:700 14px Georgia,serif;color:#15345f;margin:0 0 5px}
.globalCartItem small{color:#778292}.globalCartClose{border:0;background:none;font-size:25px;cursor:pointer}
.globalCartQty{display:flex;gap:7px;align-items:center;margin-top:7px}.globalCartQty button{width:24px;height:24px;background:#fff;border:1px solid #d7dce4;cursor:pointer}
.globalCheckout{display:block;background:#12345f;color:#fff;text-decoration:none;font-weight:900;padding:14px;text-align:center;margin-top:14px}
.homeSlider{position:relative;background:#071b3b;overflow:hidden;color:#fff}
.homeSlide{display:none;min-height:650px;position:relative;background-size:cover;background-position:center}
.homeSlide.active{display:block}
.homeSlide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b3beF 0%,#102f60d8 44%,#071b3b55 100%)}
.slideInner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.slideCopy{max-width:670px;padding:55px 0}.slideCopy h1{font-size:61px;line-height:1.03;margin:18px 0}.slideCopy h1 em{color:#f1ae2d;font-style:normal}
.slideCopy p{font-size:18px;color:#d7e0ec;line-height:1.7}.slideCopy .brandFocus{font:700 22px Georgia,serif;color:#fff;margin:14px 0}.slideCopy .brandFocus b{color:#f1ae2d}
.sliderDots{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:9px}.sliderDots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:#ffffff55;cursor:pointer;padding:0}.sliderDots button.active{background:#f1ae2d;border-color:#f1ae2d}
.sliderArrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #ffffff77;background:#071b3b99;color:#fff;font-size:24px;cursor:pointer}.sliderPrev{left:18px}.sliderNext{right:18px}
.sugamHighlight{background:#fff;padding:74px 0}.sugamHighlightGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.sugamLogoLarge{background:#f4f6f9;padding:45px;display:flex;align-items:center;justify-content:center;min-height:310px}.sugamLogoLarge img{max-width:330px}
.sugamHighlight h2{font:700 44px Georgia,serif;color:#102d59;margin:12px 0}.sugamHighlight h2 span{color:#c4810a}.sugamHighlight p{color:#687489;line-height:1.8}
.reachGrid article{cursor:pointer;transition:.2s}.reachGrid article:hover{background:#f8f9fb;transform:translateY(-3px)}
.categoryShopLink{display:inline-block;margin-top:10px;color:#b4770c!important}
.emptyProducts{grid-column:1/-1;background:#fff;border:1px dashed #cbd2dc;padding:35px;text-align:center;color:#667386}
@media(max-width:900px){.sugamHighlightGrid{grid-template-columns:1fr}.slideCopy h1{font-size:48px}.homeSlide,.slideInner{min-height:590px}}
@media(max-width:600px){.slideCopy h1{font-size:39px}.homeSlide,.slideInner{min-height:560px}.sliderArrow{display:none}.globalCartButton{right:12px;bottom:14px}.sugamHighlight h2{font-size:35px}}

/* =========================
   V8 PREMIUM STOREFRONT
   ========================= */
:root{
  --sugam-blue:#0e2f68;
  --sugam-blue-2:#143f88;
  --sugam-orange:#ff7a18;
  --sugam-red:#e31b23;
  --sugam-gold:#e3a72d;
  --ink:#13213a;
  --muted:#6d7788;
  --line:#e5e9ef;
  --soft:#f7f9fc;
  --card:#fff;
}
body{background:#fff;color:var(--ink)}
.topUtility{background:#fff;border-bottom:1px solid var(--line)}
.topUtility .wrap{display:grid;grid-template-columns:280px 1fr auto;gap:22px;align-items:center;padding:12px 0}
.brandLogoHorizontal img{width:250px;max-height:86px;object-fit:contain;border-radius:18px}
.headerSearch{display:grid;grid-template-columns:1fr 180px 58px;border:1px solid #dbe1e8;border-radius:10px;overflow:hidden;background:#fff}
.headerSearch input,.headerSearch select{border:0;margin:0;padding:15px 16px;background:#fff}
.headerSearch button{border:0;background:var(--sugam-blue);color:#fff;font-size:22px;cursor:pointer}
.headerActions{display:flex;gap:18px;align-items:center;font-size:12px}
.headerActions a{color:#18345f;text-decoration:none;font-weight:800;white-space:nowrap}
.headerActions .cartTop{position:relative}
.headerActions .cartTop .cartCount{background:var(--sugam-red);color:#fff}
.mainNav{background:linear-gradient(90deg,#0b2d67,#0f3f8c);color:#fff}
.mainNav .wrap{display:flex;align-items:center;gap:6px}
.mainNav a{color:#fff;text-decoration:none;padding:15px 16px;font-size:13px;font-weight:800}
.mainNav a.active,.mainNav a:hover{background:#0b295c;color:#ff8a1c}
.mainNav .allCats{background:#0a285a}
.homeSlider{position:relative;background:#f7f8fb;overflow:hidden}
.homeSlide{display:none;min-height:510px;position:relative;background-size:cover;background-position:center}
.homeSlide.active{display:block}
.homeSlide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,245,238,.98) 0%,rgba(246,246,255,.92) 42%,rgba(222,239,255,.72) 100%)}
.slideInner{position:relative;z-index:2;min-height:510px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:35px}
.slideCopy{padding:40px 0}.slideCopy .brandFocus{font-size:22px;font-weight:900;letter-spacing:.5px;color:var(--sugam-blue)}
.slideCopy h1{font:700 55px/1.02 Georgia,serif;color:var(--sugam-blue);margin:12px 0 18px}.slideCopy h1 em{font-style:normal;color:var(--sugam-orange)}
.slideCopy p{font-size:18px;line-height:1.65;color:#334766;max-width:650px}
.slideBooksVisual{display:flex;gap:18px;justify-content:center;align-items:flex-end}
.slideBooksVisual img{width:180px;height:270px;object-fit:cover;box-shadow:0 18px 40px #0002;border-radius:6px;background:#fff}
.sliderArrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #d6dde8;background:#fff;color:var(--sugam-blue);font-size:24px;cursor:pointer;box-shadow:0 8px 20px #0001}
.sliderPrev{left:18px}.sliderNext{right:18px}.sliderDots{position:absolute;z-index:4;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px}.sliderDots button{width:10px;height:10px;border-radius:50%;border:0;background:#7f8794;opacity:.6}.sliderDots button.active{background:var(--sugam-blue);opacity:1}
.trustStrip{background:#fff;padding:16px 0;border-bottom:1px solid var(--line)}
.trustGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.trustItem{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:10px;align-items:center;background:#fff;min-height:78px}.trustIcon{width:38px;height:38px;border:2px solid var(--sugam-blue);border-radius:50%;display:grid;place-items:center;color:var(--sugam-blue);font-weight:900}.trustItem b{font-size:12px;color:#18345f}.trustItem span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.homeSection{padding:32px 0}.sectionTop{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.sectionTop h2{font:700 29px Georgia,serif;color:#102d59;margin:0}.sectionTop a{font-size:12px;font-weight:800;text-decoration:none;color:#173b70}
.categoryRibbon{display:grid;grid-template-columns:repeat(14,1fr);gap:10px}.catTile{min-height:128px;border-radius:9px;padding:14px 9px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid #00000010}.catTile b{font-size:12px;line-height:1.25}.catTile small{font-size:10px;opacity:.78}.catIcon{font-size:22px}
.newGridWrap{display:grid;grid-template-columns:1fr 270px;gap:25px}.newArrivals{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.miniBook{background:#fff}.miniBook .cover{height:250px;margin:0;border:1px solid #e3e7ec;border-radius:5px;overflow:hidden}.miniBook .cover img{width:100%;height:100%;object-fit:cover}.miniBook h3{font-size:14px;line-height:1.3;color:#17355f;margin:9px 0 5px}.miniBook p{font-size:11px;color:var(--muted);margin:0}.miniBook .price{display:block;font-size:15px;margin-top:7px}
.whyBox{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px}.whyBox h3{font:700 22px Georgia,serif;color:var(--sugam-blue);margin:0 0 16px}.whyBox h3 span{color:var(--sugam-orange)}.whyBox ul{padding-left:20px}.whyBox li{margin:10px 0;font-size:13px;color:#35435a}
.storeHeroV8{background:linear-gradient(120deg,#0b2e67,#144889);color:#fff;padding:48px 0}.storeHeroV8 h1{font:700 45px Georgia,serif;margin:8px 0}.storeHeroV8 p{color:#dbe5f3}
.storeToolbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:14px 0}
.storeToolbar .filters{margin:0}
.productGrid{grid-template-columns:repeat(4,1fr)}
.productCard{border-radius:10px;box-shadow:0 8px 22px #11294b0d}
.productCard .tag{color:var(--sugam-orange)}
.productCard .productCover{border-radius:8px}
.globalCartButton{background:linear-gradient(90deg,var(--sugam-orange),#f2b23f);color:#0d2f68}
.accountIconCircle{width:34px;height:34px;border-radius:50%;border:1px solid #dce2ea;display:inline-grid;place-items:center;margin-right:5px}
.footerV8{background:#071a37;color:#b9c7d8;padding:34px 0}
.footerV8 .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footerV8 img{width:220px;border-radius:18px}.footerV8 a{color:#d6e2f0;text-decoration:none;font-size:12px}.footerV8 p{font-size:12px;line-height:1.6}
@media(max-width:1100px){
 .topUtility .wrap{grid-template-columns:220px 1fr}.headerActions{grid-column:1/-1;justify-content:flex-end}
 .categoryRibbon{grid-template-columns:repeat(7,1fr)}.newArrivals{grid-template-columns:repeat(4,1fr)}.trustGrid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
 .topUtility .wrap{grid-template-columns:1fr}.brandLogoHorizontal{text-align:center}.headerSearch{grid-template-columns:1fr 130px 50px}.headerActions{justify-content:center;flex-wrap:wrap}
 .mainNav .wrap{overflow:auto;white-space:nowrap}.slideInner{grid-template-columns:1fr}.slideBooksVisual{display:none}.slideCopy h1{font-size:42px}
 .categoryRibbon{grid-template-columns:repeat(4,1fr)}.newGridWrap{grid-template-columns:1fr}.newArrivals{grid-template-columns:repeat(2,1fr)}.trustGrid{grid-template-columns:1fr 1fr}.footerV8 .wrap{grid-template-columns:1fr}
}
@media(max-width:520px){
 .headerSearch{grid-template-columns:1fr 50px}.headerSearch select{display:none}.categoryRibbon{grid-template-columns:repeat(2,1fr)}.trustGrid{grid-template-columns:1fr}.newArrivals{grid-template-columns:1fr 1fr}.productGrid{grid-template-columns:1fr}
}

/* V9 checkout + approved catalogue cover format */
.productCard .productCover{background:#fff;aspect-ratio:2/3;height:auto;padding:0}
.productCard .productCover img{width:100%;height:100%;object-fit:contain}
.checkoutGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.checkoutCard{background:#fff;border:1px solid #e1e6ed;border-radius:14px;padding:26px;box-shadow:0 10px 28px #0d2f6810}.checkoutCard label{display:block;font-weight:700;font-size:13px;margin:13px 0}.checkoutCard input,.checkoutCard textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #ccd5e1;border-radius:8px}.checkoutCard textarea{min-height:90px}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkoutItem,.sumline{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f4}.checkoutItem span{white-space:nowrap}.sumline.total{font-size:20px;color:#0e2f68}.qrModal{display:none;position:fixed;inset:0;background:#06162dcc;z-index:9999;place-items:center;padding:20px}.qrModal.show{display:grid}.qrCard{background:#fff;border-radius:18px;padding:28px;text-align:center;max-width:470px}.qrCard img{width:280px;max-width:80%;border:1px solid #e1e5eb;border-radius:12px}.qrCard button{background:#0e2f68;color:#fff;border:0;padding:13px 20px;border-radius:8px;font-weight:800}.success{color:#16743c}.error{color:#b51f25}
@media(max-width:800px){.checkoutGrid{grid-template-columns:1fr}.twoCol{grid-template-columns:1fr}}

/* V10 temporary QR payment proof workflow */
.paymentProofBox{margin-top:24px;padding-top:22px;border-top:1px solid #e4e8ee;text-align:left}
.paymentProofBox h3{color:#0e2f68;margin:0 0 8px;text-align:center}
.paymentProofBox .smallNote{font-size:12px;color:#657184;line-height:1.6;text-align:center}
.paymentProofBox label{display:block;font-size:12px;font-weight:800;color:#1b345b;margin:13px 0}
.paymentProofBox input[type=text],.paymentProofBox input:not([type]){width:100%;box-sizing:border-box}
.paymentProofBox input{margin-top:7px;padding:11px;border:1px solid #cdd6e2;border-radius:8px}
.paymentProofBox input[type=file]{width:100%;box-sizing:border-box;background:#f8fafc}
.proofSubmit{width:100%;border:0;background:#e3a72d;color:#0e2f68;padding:13px 16px;border-radius:8px;font-weight:900;cursor:pointer}
.proofSubmit:disabled{opacity:.55;cursor:not-allowed}

/* V11 complete website */
.productCard h3 a{color:#15345f;text-decoration:none}.productActions{grid-template-columns:1fr 1fr auto}.detailBtn{background:#eef3f9;color:#15345f;padding:12px;text-align:center;text-decoration:none;font-size:12px;font-weight:800}.wishBtn{border:1px solid #d8dee7;background:#fff;color:#d22b34;min-width:42px;cursor:pointer}.storeResultTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.storeResultTop button{border:0;background:none;color:#173b70;font-weight:800;cursor:pointer}
.bookDetailFinal{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:60px;align-items:start}.detailCover{background:#f4f6f9;border-radius:16px;padding:26px;text-align:center}.detailCover img{width:100%;max-height:690px;object-fit:contain;filter:drop-shadow(0 18px 22px #0002)}.detailInfo h1{font:700 46px Georgia,serif;color:#102d59;line-height:1.08;margin:14px 0}.detailAuthor{font-size:18px;color:#59677a}.detailMeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.detailMeta div{background:#f6f8fb;padding:14px;border-radius:8px}.detailMeta b,.detailMeta span{display:block}.detailMeta b{font-size:11px;color:#748095;text-transform:uppercase;margin-bottom:5px}.detailPrice{font-size:30px;font-weight:900;color:#0e2f68}.detailBtns{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.detailBtns button{padding:14px 18px;border:0;border-radius:8px;background:#0e2f68;color:#fff;font-weight:900;cursor:pointer}.detailBtns .buy{background:#e3a72d;color:#0e2f68}.detailBtns .wish{background:#fff;color:#b3262d;border:1px solid #dce1e8}.deliveryNote{background:#f6f9fd;border:1px solid #dce6f2;padding:15px;border-radius:9px;color:#52637b;font-size:12px;line-height:1.6}
.wishlistItem{display:grid;grid-template-columns:75px 1fr;gap:14px;border-bottom:1px solid #e7ebf0;padding:12px 0}.wishlistItem img{width:75px;height:105px;object-fit:contain}.wishlistItem a{font-size:12px;font-weight:800;color:#17478b}.addressCard button{border:0;background:#fff0f0;color:#a52828;padding:7px 9px;cursor:pointer}
@media(max-width:800px){.bookDetailFinal{grid-template-columns:1fr}.detailInfo h1{font-size:36px}.detailMeta{grid-template-columns:1fr}.categoryRibbon{grid-template-columns:repeat(2,1fr)}}