:root{--book-dark:#071b14;--book-lime:#cfff78;--book-paper:#f3f6f3;--book-line:#d7e2da;--book-muted:#66786e}
.books-hero{width:min(1180px,calc(100% - 40px));min-height:460px;margin:auto;padding:70px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(207,255,120,.16),transparent 27%),linear-gradient(135deg,#071b14,#123c2d);color:#fff;overflow:hidden;position:relative}.books-hero>div:first-child{position:relative;z-index:2}.books-hero span{font-size:8px;letter-spacing:.15em;color:#91aa9e;font-weight:800}.books-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.18;letter-spacing:-.06em;margin:18px 0}.books-hero h1 em{font-style:normal;color:var(--book-lime)}.books-hero p{max-width:650px;color:#a5bbb0;line-height:1.85;font-size:11px}.books-hero-stack{height:300px;position:relative;perspective:900px}.books-hero-stack i{position:absolute;inset:20px 45px;border-radius:10px 25px 25px 10px;transform:rotateY(-19deg) rotateZ(4deg);background:linear-gradient(145deg,#846ee0,#3d2d80);box-shadow:0 30px 55px rgba(0,0,0,.3)}.books-hero-stack i:nth-child(2){inset:35px 70px 5px 15px;transform:rotateY(-12deg) rotateZ(-7deg);background:linear-gradient(145deg,#d9aa59,#73531d)}.books-hero-stack i:nth-child(3){inset:4px 18px 38px 90px;transform:rotateY(-25deg) rotateZ(11deg);background:linear-gradient(145deg,#46b78c,#104e39)}.books-hero-stack i:after{content:"اقْرَأْ";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.8);font:42px Georgia,serif}.book-filters{width:min(1060px,calc(100% - 60px));margin:-28px auto 45px;position:relative;z-index:3;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;padding:12px;background:#fff;border:1px solid var(--book-line);border-radius:18px;box-shadow:0 18px 45px rgba(20,45,33,.1)}.book-filters label{display:grid;gap:5px;padding:0 10px}.book-filters label>span{font-size:7px;color:var(--book-muted)}.book-filters input,.book-filters select{height:38px;border:0;background:transparent;outline:none}.book-filters button{padding:0 22px;border:0;border-radius:11px;background:var(--book-dark);color:#fff;font-weight:800}.books-listing,.book-related{width:min(1180px,calc(100% - 40px));margin:0 auto 90px}.books-listing-head,.book-related>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:10px;color:var(--book-muted)}.books-listing-head b{color:var(--book-dark)}.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.book-card{background:#fff;border:1px solid var(--book-line);border-radius:22px;padding:14px;transition:transform .25s,box-shadow .25s}.book-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(18,48,34,.11)}.book-cover{height:315px;padding:24px;border-radius:14px 24px 24px 14px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;box-shadow:inset 7px 0 rgba(255,255,255,.06),inset 9px 0 rgba(0,0,0,.14),0 18px 35px rgba(11,35,25,.18)}.book-cover:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-80px;top:-65px}.book-cover:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.1);border-radius:9px 18px 18px 9px;pointer-events:none}.cover-emerald{background:linear-gradient(145deg,#176c50,#092a20)}.cover-violet{background:linear-gradient(145deg,#7b65cf,#2c205e)}.cover-sand{background:linear-gradient(145deg,#c69852,#6d4c1d)}.cover-midnight{background:linear-gradient(145deg,#1d3653,#071522)}.cover-teal{background:linear-gradient(145deg,#258c89,#0a3d3c)}.cover-berry{background:linear-gradient(145deg,#984c71,#451a31)}.book-cover-kicker{position:relative;z-index:2;font-size:7px;letter-spacing:.14em;color:rgba(255,255,255,.72);font-weight:800}.book-cover>i{position:relative;z-index:2;margin:auto;font:34px Georgia,serif;color:var(--book-lime);font-style:normal}.book-cover>div{position:relative;z-index:2}.book-cover h2{font-size:20px;line-height:1.5;margin:0 0 8px;letter-spacing:-.035em}.book-cover p{margin:0;font-size:8px;color:rgba(255,255,255,.7)}.book-card-body{padding:19px 8px 8px}.book-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px}.book-meta span{color:#217555;font-weight:800}.book-meta b{font-size:8px}.book-card-body>h2{font-size:17px;line-height:1.55;margin:13px 0 7px}.book-card-body>p{min-height:50px;font-size:9px;line-height:1.75;color:var(--book-muted)}.book-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.book-card-foot small{font-size:7px;color:var(--book-muted)}.book-card-foot a{font-size:9px;color:#176447;font-weight:800}.books-empty{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed var(--book-line);border-radius:20px;color:var(--book-muted)}.book-pagination nav{margin-top:26px;display:flex;justify-content:center}
.book-detail{width:min(1180px,calc(100% - 40px));margin:30px auto 90px;display:grid;grid-template-columns:410px 1fr;gap:75px;align-items:center}.book-detail-cover{padding:35px;position:relative;perspective:1000px}.book-cover-large{height:540px;transform:rotateY(7deg);box-shadow:inset 9px 0 rgba(255,255,255,.06),inset 12px 0 rgba(0,0,0,.15),-28px 40px 60px rgba(11,35,25,.23)}.book-cover-large h2{font-size:29px}.cover-shadow{display:block;position:absolute;left:55px;right:20px;bottom:12px;height:40px;background:rgba(8,28,20,.28);filter:blur(25px);transform:rotate(-3deg);z-index:-1}.book-type-pill{display:inline-flex;padding:8px 11px;border-radius:99px;background:#e1f5e9;color:#176447;font-size:8px;font-weight:800;letter-spacing:.1em}.book-detail-copy h1{font-size:clamp(34px,4.4vw,58px);line-height:1.27;letter-spacing:-.055em;margin:20px 0 10px}.book-author{font-size:10px;color:#2a6d53}.book-summary{font-size:15px;line-height:1.85;margin:28px 0 18px}.book-description{font-size:11px;line-height:1.9;color:var(--book-muted)}.free-book-note{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding:16px;border-left:4px solid #72c99f;background:#e8f5ed;border-radius:0 12px 12px 0}.free-book-note b{font-size:11px}.free-book-note span{font-size:8px;color:var(--book-muted)}.book-primary-action{width:min(100%,360px);margin-top:18px;padding:16px 19px;border-radius:13px;background:var(--book-dark);color:#fff;display:flex;justify-content:space-between;font-size:10px;font-weight:800}.book-primary-action span{color:var(--book-lime)}.book-price{display:grid;grid-template-columns:1fr auto;align-items:center;width:min(100%,360px);margin-top:28px;padding:19px;border:1px solid var(--book-line);border-radius:15px;background:#fff}.book-price small,.book-price span{font-size:8px;color:var(--book-muted)}.book-price strong{grid-row:1/3;grid-column:2;font-size:22px}.order-section{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;padding:60px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:linear-gradient(135deg,#071d16,#11392b);color:#fff;border-radius:28px}.order-copy>span{font-size:8px;letter-spacing:.13em;color:var(--book-lime)}.order-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:-.05em;margin:15px 0}.order-copy>p{font-size:10px;line-height:1.85;color:#9fb4aa}.order-copy>div{display:grid;gap:10px;margin-top:30px}.order-copy b{font-size:9px;color:#c7d5ce}.book-order-form{padding:26px;background:#fff;color:var(--book-dark);border-radius:20px;display:grid;gap:14px}.book-order-form label{display:grid;gap:6px}.book-order-form label>span{font-size:8px;font-weight:800}.book-order-form input,.book-order-form textarea,.book-order-form select{width:100%;border:1px solid var(--book-line);border-radius:10px;padding:11px 12px;font:inherit;font-size:10px;background:#fff}.book-order-form textarea{min-height:76px;resize:vertical}.book-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-order-form>button{height:48px;border:0;border-radius:12px;background:var(--book-lime);color:var(--book-dark);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800}.book-order-form>button:disabled{background:#dde5df;color:#7c8b83}.book-order-form>small{font-size:7px;color:var(--book-muted);line-height:1.5}.book-form-errors{padding:12px;background:#fff0ee;color:#9b291f;border-radius:10px;font-size:9px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.book-related>div:first-child h2{font-size:27px;color:var(--book-dark)}
.reader-shell{width:min(1220px,calc(100% - 30px));margin:0 auto 80px}.reader-head{min-height:120px;padding:20px 10px;display:flex;align-items:center;justify-content:space-between;gap:30px}.reader-head a{font-size:8px;color:var(--book-muted)}.reader-head>div:first-child>span{display:block;margin-top:9px;font-size:7px;letter-spacing:.13em;color:#278061}.reader-head h1{font-size:22px;margin:6px 0}.reader-progress{width:190px;display:grid;gap:8px}.reader-progress>span{font-size:8px;text-align:right;color:var(--book-muted)}.reader-progress>i{height:4px;background:#dbe4dd;border-radius:99px;overflow:hidden}.reader-progress b{display:block;width:0;height:100%;background:#38a979;transition:width .5s}.reader-stage{height:690px;border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center;perspective:2200px;background:#071a14}.reader-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}.reader-glow{position:absolute;border-radius:50%;filter:blur(6px)}.reader-glow.one{width:360px;height:360px;top:-180px;right:5%;background:rgba(207,255,120,.17)}.reader-glow.two{width:320px;height:320px;bottom:-200px;left:5%;background:rgba(118,93,222,.19)}.flip-book{width:min(900px,78vw);height:560px;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 35px 45px rgba(0,0,0,.32))}.flip-book:before{content:"";position:absolute;left:50%;top:1%;bottom:1%;width:2px;background:rgba(0,0,0,.18);z-index:200}.book-sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.68,-.2,.25,1.15);z-index:var(--sheet-z)}.book-sheet.is-flipped{transform:rotateY(-180deg);z-index:calc(100 + var(--sheet-index))}.book-face{position:absolute;inset:0;padding:48px 42px 35px;background:linear-gradient(90deg,#f1efe7,#fffdf7 7%,#fffefb);color:#18221d;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;border-radius:0 12px 12px 0;box-shadow:inset 18px 0 30px rgba(49,39,20,.07)}.book-face.back{transform:rotateY(180deg);border-radius:12px 0 0 12px;background:linear-gradient(-90deg,#f1efe7,#fffdf7 7%,#fffefb);box-shadow:inset -18px 0 30px rgba(49,39,20,.07)}.book-face>span{font-size:7px;color:#859087}.book-face>div{margin:auto 0}.book-face small{font-size:7px;text-transform:uppercase;letter-spacing:.13em;color:#267457}.book-face h2{font-size:23px;line-height:1.45;margin:14px 0 22px;letter-spacing:-.035em}.book-face p{font-family:"Noto Sans Tamil",serif;font-size:12px;line-height:2;color:#44534b}.book-face footer{padding:0!important;background:transparent!important;display:block!important;font-size:7px!important;color:#8e9992!important;border-top:1px solid #e4e6df!important;padding-top:12px!important}.reader-cover-page{background:linear-gradient(145deg,#1f7558,#092a20);color:#fff}.reader-cover-page small,.reader-cover-page>span{color:var(--book-lime)}.reader-cover-page h2{font-size:31px}.reader-cover-page p{color:#c2d4cc}.reader-cover-page footer{color:#8fb5a5!important;border-color:rgba(255,255,255,.12)!important}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 5px}.reader-controls button{min-width:145px;padding:13px;border:1px solid var(--book-line);border-radius:11px;background:#fff;color:var(--book-dark);font-weight:800}.reader-controls button:last-child{background:var(--book-dark);color:#fff}.reader-controls button:disabled{opacity:.4}.reader-controls p{font-size:8px;color:var(--book-muted);text-align:center}.order-success{width:min(760px,calc(100% - 30px));margin:40px auto 90px;padding:70px;text-align:center;background:#fff;border:1px solid var(--book-line);border-radius:28px;box-shadow:0 25px 60px rgba(20,48,35,.08)}.success-mark{width:70px;height:70px;margin:0 auto 20px;display:grid;place-items:center;border-radius:22px;background:var(--book-lime);font-size:30px}.order-success>span{font-size:8px;letter-spacing:.14em;color:#25805f}.order-success h1{font-size:clamp(37px,5vw,60px);line-height:1.25;letter-spacing:-.055em;margin:14px}.order-success>p{font-size:11px;line-height:1.8;color:var(--book-muted)}.order-reference{margin:28px 0;padding:20px;background:#f0f5f1;border-radius:15px;display:grid;gap:6px}.order-reference small,.order-reference span{font-size:8px;color:var(--book-muted)}.order-reference strong{font-size:13px;word-break:break-all}.order-success>div:last-child{display:flex;justify-content:center;gap:10px}.order-success>div:last-child a{padding:12px 15px;border-radius:10px;background:var(--book-dark);color:#fff;font-size:9px;font-weight:800}.order-success>div:last-child a:first-child{background:#eef4ef;color:var(--book-dark)}
@media(max-width:900px){.books-hero{grid-template-columns:1fr}.books-hero-stack{display:none}.book-filters{grid-template-columns:1fr 1fr}.books-grid{grid-template-columns:1fr 1fr}.book-detail{grid-template-columns:320px 1fr;gap:35px}.book-cover-large{height:450px}.order-section{grid-template-columns:1fr}.flip-book{width:90vw;height:520px}.book-face{padding:38px 28px}}
@media(max-width:620px){.books-hero,.books-listing,.book-related,.book-detail,.order-section{width:calc(100% - 16px)}.books-hero{padding:48px 24px;min-height:auto}.books-hero h1{font-size:37px}.book-filters{width:calc(100% - 28px);grid-template-columns:1fr;margin-bottom:30px}.book-filters button{height:42px}.books-grid{grid-template-columns:1fr}.book-detail{grid-template-columns:1fr;margin-top:0}.book-detail-cover{padding:26px 44px}.book-detail-copy{padding:0 16px}.book-detail-copy h1{font-size:35px}.order-section{padding:35px 22px;gap:36px}.book-form-row{grid-template-columns:1fr}.reader-shell{width:100%}.reader-head{padding:18px;align-items:flex-start;flex-direction:column}.reader-progress{width:100%}.reader-stage{height:620px;border-radius:0}.flip-book{width:94vw;height:500px;transform:translateX(-23.5vw)}.book-sheet{width:100%;left:50%}.book-face.back{display:none}.book-face{padding:35px 27px}.book-face h2{font-size:21px}.book-face p{font-size:11px}.reader-controls{padding:16px;gap:8px}.reader-controls p{display:none}.reader-controls button{min-width:0;flex:1}.order-success{padding:45px 22px}.order-success>div:last-child{flex-direction:column}}

/* Tactile page-turn reader */
.reader-stage{isolation:isolate;touch-action:pan-y;cursor:grab;background:radial-gradient(circle at 50% 18%,#153d31 0,#0a211a 42%,#04110d 100%)}
.reader-stage:after{content:"";position:absolute;z-index:0;left:14%;right:14%;bottom:7%;height:12%;border-radius:50%;background:#000;filter:blur(32px);opacity:.48;transform:perspective(500px) rotateX(68deg)}
.reader-stage:active{cursor:grabbing}
.flip-book{z-index:2;transition:transform .45s ease;filter:drop-shadow(0 42px 38px rgba(0,0,0,.46))}
.flip-book:after{content:"";position:absolute;z-index:201;left:calc(50% - 8px);top:0;bottom:0;width:16px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.12) 45%,rgba(0,0,0,.2));filter:blur(2px);opacity:.75}
.book-sheet{transition:transform .9s cubic-bezier(.18,.74,.22,1),filter .9s ease;will-change:transform;transform:rotateY(var(--drag-angle,0deg)) translateZ(.1px)}
.book-sheet.is-flipped{transform:rotateY(var(--drag-angle,-180deg)) translateZ(.1px)}
.book-sheet.is-dragging{transition:none}
.book-sheet.is-turning{filter:drop-shadow(18px 18px 18px rgba(0,0,0,.3))}
.book-face{overflow:hidden;border:1px solid rgba(80,64,38,.09);background-color:#fffdf7;background-image:linear-gradient(90deg,rgba(110,88,48,.12),transparent 7%,rgba(255,255,255,.62) 55%,rgba(121,92,44,.035)),repeating-linear-gradient(0deg,rgba(81,62,35,.018) 0,rgba(81,62,35,.018) 1px,transparent 1px,transparent 4px)}
.book-face:before{content:"";position:absolute;inset:-12% -25%;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.65) 48%,rgba(0,0,0,.16) 61%,transparent 72%);transform:translateX(120%);opacity:0}
.book-sheet.is-turning .book-face:before{animation:pageSheen .9s cubic-bezier(.2,.65,.25,1)}
.book-face:after{content:"";position:absolute;top:0;right:0;width:22px;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(88,61,25,.08))}
.book-face.back:after{right:auto;left:0;transform:scaleX(-1)}
.book-sheet.is-turning .book-face{box-shadow:inset 24px 0 34px rgba(49,39,20,.12),8px 0 16px rgba(0,0,0,.16)}
.book-sheet:after{content:"";position:absolute;right:-4px;top:5px;bottom:5px;width:5px;z-index:-1;border-radius:0 5px 5px 0;background:repeating-linear-gradient(0deg,#e4dfd1 0,#e4dfd1 1px,#fffaf0 1px,#fffaf0 3px)}
.reader-sound{min-width:86px!important;background:#eef4ef!important;color:var(--book-dark)!important;border-color:transparent!important}
.reader-sound[aria-pressed="false"]{opacity:.58}
.reader-sound span{font-size:11px;margin-right:4px}
@keyframes pageSheen{0%{transform:translateX(115%);opacity:0}18%{opacity:.3}48%{opacity:.85}100%{transform:translateX(-115%);opacity:0}}
@media(prefers-reduced-motion:reduce){.book-sheet,.flip-book,.reader-progress b{transition-duration:.08s!important}.book-sheet.is-turning .book-face:before{animation:none}}
@media(max-width:620px){.reader-stage:after{left:8%;right:8%}.reader-sound{position:absolute;top:13px;right:13px;flex:0 0 auto!important;width:auto;padding:9px 11px!important}.reader-controls{position:relative;padding-top:58px}.book-sheet:after{display:none}}

/* Soft paper geometry powered by StPageFlip */
.reader-stage{min-height:730px;padding:28px 20px 38px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,rgba(55,108,87,.7),transparent 42%),linear-gradient(145deg,#123b30,#061c16 68%,#04130f)}
.reader-stage:before{background-image:linear-gradient(115deg,rgba(255,255,255,.022),transparent 42%),repeating-linear-gradient(93deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 7px);background-size:auto;box-shadow:inset 0 0 90px rgba(0,0,0,.38)}
.reader-table{position:absolute;z-index:0;left:8%;right:8%;bottom:5%;height:18%;border-radius:50%;background:rgba(0,0,0,.52);filter:blur(34px);transform:perspective(650px) rotateX(68deg)}
.reader-stage:after{display:none}
.flip-book{z-index:3;width:min(1000px,86vw);height:650px;filter:drop-shadow(0 34px 28px rgba(0,0,0,.42));transform:none!important}
.flip-book:before,.flip-book:after{display:none}
.book-page{box-sizing:border-box;overflow:hidden;color:#253029;border:1px solid rgba(81,66,40,.14);background-color:#fffdf7;background-image:linear-gradient(90deg,rgba(91,66,29,.075),transparent 8%,rgba(255,255,255,.45) 48%,rgba(106,75,34,.03)),repeating-linear-gradient(0deg,rgba(74,57,30,.017) 0,rgba(74,57,30,.017) 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 42px rgba(85,61,23,.05)}
.book-page.--left{border-radius:12px 2px 2px 12px;background-image:linear-gradient(-90deg,rgba(40,29,15,.14),transparent 9%,rgba(255,255,255,.4) 50%,rgba(106,75,34,.03)),repeating-linear-gradient(0deg,rgba(74,57,30,.017) 0,rgba(74,57,30,.017) 1px,transparent 1px,transparent 4px);box-shadow:inset -18px 0 28px rgba(51,37,18,.09)}
.book-page.--right{border-radius:2px 12px 12px 2px;box-shadow:inset 18px 0 28px rgba(51,37,18,.09)}
.book-page.--left:after,.book-page.--right:after{content:"";position:absolute;z-index:5;top:0;bottom:0;width:11px;pointer-events:none}
.book-page.--left:after{right:0;background:linear-gradient(90deg,transparent,rgba(25,18,8,.16))}
.book-page.--right:after{left:0;background:linear-gradient(90deg,rgba(25,18,8,.16),transparent)}
.book-page .page-number{position:absolute;z-index:2;top:30px;right:34px;font-size:8px;letter-spacing:.1em;color:#89938c}
.book-page.--left .page-number{right:auto;left:34px}
.book-page .page-content{position:absolute;inset:70px 46px 68px;display:flex;flex-direction:column;justify-content:center}
.book-page .page-content small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#267457}
.book-page .page-content h2{font-size:clamp(21px,2.1vw,29px);line-height:1.45;margin:15px 0 22px;letter-spacing:-.035em}
.book-page .page-content p{font-family:"Noto Sans Tamil",serif;font-size:clamp(10px,1vw,13px);line-height:2.05;color:#44534b}
.book-page footer{position:absolute;left:42px;right:42px;bottom:28px;padding:13px 0 0!important;border-top:1px solid rgba(96,85,63,.16)!important;background:transparent!important;color:#8e9992!important;font-size:7px!important;letter-spacing:.04em}
.book-page.reader-cover-page,.book-page.reader-back-page{border-color:rgba(255,255,255,.09);background:radial-gradient(circle at 70% 20%,rgba(207,255,120,.14),transparent 28%),linear-gradient(145deg,#23795c,#082a20 76%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.035),inset 0 0 0 6px rgba(0,0,0,.12),inset 20px 0 35px rgba(0,0,0,.24)}
.book-page.reader-cover-page .page-content,.book-page.reader-back-page .page-content{inset:72px 54px}
.book-page.reader-cover-page .page-content:before{content:"ஜும்ஆ";display:grid;place-items:center;width:56px;height:56px;margin-bottom:38px;border:1px solid rgba(207,255,120,.55);border-radius:18px;color:var(--book-lime);font-size:13px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.16)}
.book-page.reader-cover-page h2,.book-page.reader-back-page h2{font-size:clamp(28px,3vw,40px);color:#fff}
.book-page.reader-cover-page p,.book-page.reader-back-page p{color:#c7d8d1}
.book-page.reader-cover-page small,.book-page.reader-cover-page .page-number,.book-page.reader-back-page small,.book-page.reader-back-page .page-number{color:var(--book-lime)}
.book-page.reader-cover-page footer,.book-page.reader-back-page footer{color:#91b6a6!important;border-color:rgba(255,255,255,.14)!important}
.book-page.reader-cover-page:before,.book-page.reader-back-page:before{content:"";position:absolute;z-index:5;right:0;top:4px;bottom:4px;width:7px;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.14),rgba(0,0,0,.18));border-radius:3px;pointer-events:none}
.reader-corner-hint{position:absolute;z-index:8;right:calc(50% - min(500px,43vw));bottom:50px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:8px;letter-spacing:.04em;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s;pointer-events:none}
[data-book-reader][data-page="0"] .reader-corner-hint{opacity:1;transform:none}
.reader-corner-hint i{width:20px;height:20px;border-right:1px solid var(--book-lime);border-bottom:1px solid var(--book-lime);border-radius:0 0 7px 0;animation:cornerHint 1.8s ease-in-out infinite}
@keyframes cornerHint{50%{transform:translate(-5px,-5px) rotate(5deg)}}
@media(max-width:900px){.reader-stage{min-height:670px;padding:24px 12px}.flip-book{width:96vw;height:600px}.book-page .page-content{inset:60px 34px 60px}.reader-corner-hint{right:22px;bottom:30px}}
@media(max-width:620px){.reader-stage{height:620px;min-height:620px;padding:18px 8px 28px}.flip-book{width:94vw;height:560px;transform:none!important}.book-page .page-content{inset:54px 29px 56px}.book-page .page-content h2{font-size:22px}.book-page .page-content p{font-size:11px;line-height:1.9}.book-page footer{left:28px;right:28px;bottom:22px}.book-page .page-number{top:23px;right:27px}.reader-corner-hint{bottom:22px}.reader-table{left:3%;right:3%;bottom:2%}}
@media(prefers-reduced-motion:reduce){.reader-corner-hint i{animation:none}}

/* Bookstore-rack 3D product mockups: front-first, with true physical depth */
.book-card>a{display:block;perspective:1200px}
.book-mockup{width:100%;max-width:400px;height:auto;aspect-ratio:1/1.29;margin:0 auto;position:relative;isolation:isolate;perspective:1200px}
.book-mockup:before{content:"";position:absolute;z-index:-2;left:11%;right:4%;bottom:8px;height:19px;border-radius:50%;background:rgba(6,23,16,.42);filter:blur(11px);transform:rotate(-1.5deg);transition:transform .48s,opacity .48s}
.book-mockup:after{content:"";position:absolute;z-index:-1;left:7%;right:2%;bottom:5px;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 14%,#d8ded8 82%,transparent);box-shadow:0 5px 10px rgba(6,23,16,.18)}
.book-volume{position:absolute;inset:7px 22px 22px 30px;transform-style:preserve-3d;transform:rotateY(13deg) rotateX(1deg) rotateZ(-.35deg);transition:transform .5s cubic-bezier(.2,.72,.25,1)}
.book-mockup .book-cover{position:absolute;inset:0;height:auto;z-index:5;transform:translateZ(16px);backface-visibility:hidden;box-shadow:inset 7px 0 rgba(255,255,255,.06),inset 10px 0 rgba(0,0,0,.16),10px 18px 28px rgba(8,27,19,.2)}
.book-mockup .book-cover:after{box-shadow:inset 2px 0 rgba(255,255,255,.06),inset 6px 0 rgba(0,0,0,.15)}
.book-back-cover{position:absolute;inset:0;z-index:0;border-radius:12px 22px 22px 12px;background:#102b22;transform:translateZ(-16px);box-shadow:8px 16px 25px rgba(7,25,18,.24)}
.book-spine{position:absolute;z-index:4;left:-16px;top:3px;bottom:3px;width:32px;display:flex;align-items:center;justify-content:space-between;padding:13px 5px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#e3ded2,#fffdf6 48%,#d0c9bb);color:#315949;transform-origin:right center;transform:rotateY(-90deg);box-shadow:inset 2px 0 3px rgba(55,42,24,.2);overflow:hidden}
.book-spine b{max-height:72%;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;font-size:7px;line-height:1.15;letter-spacing:.02em;color:#315949}
.book-spine i{font-style:normal;font-size:6px;font-weight:800;color:#237155}
.book-page-edge{position:absolute;z-index:2;background-color:#f8f4e9;background-image:repeating-linear-gradient(0deg,rgba(107,85,51,.16) 0,rgba(107,85,51,.16) 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 4px rgba(80,57,27,.18)}
.book-page-edge-right{right:-16px;top:6px;bottom:6px;width:32px;transform-origin:left center;transform:rotateY(90deg);border-radius:0 4px 4px 0}
.book-page-edge-top{left:8px;right:7px;top:-16px;height:32px;transform-origin:center bottom;transform:rotateX(90deg);background-image:repeating-linear-gradient(90deg,rgba(107,85,51,.13) 0,rgba(107,85,51,.13) 1px,transparent 1px,transparent 3px)}
.book-page-edge-bottom{left:8px;right:7px;bottom:-16px;height:32px;transform-origin:center top;transform:rotateX(-90deg);background-image:repeating-linear-gradient(90deg,rgba(107,85,51,.18) 0,rgba(107,85,51,.18) 1px,transparent 1px,transparent 3px)}
.book-card:hover .book-volume{transform:rotateY(18deg) rotateX(1.8deg) rotateZ(-.6deg) translateY(-4px)}
.book-card:hover .book-mockup:before{opacity:.74;transform:translateY(4px) rotate(-2deg) scaleX(.94)}
.book-mockup-large{width:100%;max-width:430px;height:auto;aspect-ratio:1/1.26}
.book-mockup-large .book-volume{inset:12px 34px 34px 43px;transform:rotateY(14deg) rotateX(1.5deg) rotateZ(-.45deg)}
.book-mockup-large:before{left:8%;right:0;bottom:10px;height:30px;filter:blur(17px)}
.book-detail-cover:hover .book-mockup-large .book-volume{transform:rotateY(19deg) rotateX(2deg) rotateZ(-.7deg) translateY(-5px)}
@media(max-width:900px){.book-mockup,.book-mockup-large{height:auto}}
@media(max-width:620px){.book-mockup{width:min(100%,400px);height:auto}.book-mockup-large{height:auto}.book-volume{inset:8px 25px 24px 34px;transform:rotateY(11deg) rotateX(1deg) rotateZ(-.35deg)}.book-card:hover .book-volume{transform:rotateY(13deg) rotateX(1deg) rotateZ(-.35deg)}}
@media(prefers-reduced-motion:reduce){.book-volume,.book-mockup:before{transition:none}}
@media(prefers-reduced-motion:reduce){.book-card,.book-sheet,.reader-progress b{transition:none}}
.home-books{width:min(1240px,calc(100% - 40px));margin:30px auto;padding:70px;border-radius:30px;background:radial-gradient(circle at 92% 8%,rgba(207,255,120,.18),transparent 22%),linear-gradient(145deg,#e8f4ed,#f4f0e3)}.home-books-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.home-books-head>div>span{font-size:8px;letter-spacing:.14em;color:#317458;font-weight:800}.home-books-head h2{font-size:clamp(30px,3.5vw,45px);line-height:1.35;letter-spacing:-.055em;margin:12px 0}.home-books-head h2 em{font-style:normal;color:#32775c}.home-books-head p{max-width:650px;font-size:10px;line-height:1.8;color:var(--book-muted)}.home-books-head>a{flex:none;padding:13px 16px;border-radius:11px;background:var(--book-dark);color:#fff;font-size:9px;font-weight:800}.home-books-head>a b{margin-left:18px;color:var(--book-lime)}
@media(max-width:620px){.home-books{width:calc(100% - 16px);padding:45px 18px}.home-books-head{align-items:flex-start;flex-direction:column;gap:15px}.home-books-head h2{font-size:31px}.home-books-head>a{width:100%;display:flex;justify-content:space-between}}

/* Balanced listing hero scale */
.books-hero h1{font-size:clamp(32px,3.8vw,50px);line-height:1.2;letter-spacing:-.05em}
@media(max-width:620px){.books-hero h1{font-size:32px}}