.gra-book-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:20px 0}.gra-book-filter h3{font-size:20px;margin:0}.gra-language-buttons{display:inline-flex;gap:5px;padding:5px;background:#ece9e1;border-radius:11px}.gra-language-buttons button{border:0;background:none;padding:10px 24px;border-radius:8px;font:700 14px/1.5 Tahoma,Arial,sans-serif;color:#596578;cursor:pointer;min-height:44px}.gra-language-buttons button[aria-pressed=true]{background:#26324a;color:white;box-shadow:0 2px 5px #26324a20}.gra-catalog-status{font-size:12px;color:#687386;margin:0 0 21px}.gra-book-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gra-book-card{background:#fff;border:1px solid #e5e1d8;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.gra-cover{padding:28px 25px;background:color-mix(in srgb,var(--cover-color) 35%,white);min-height:355px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.gra-cover img{display:block;width:auto;max-width:100%;height:285px;object-fit:contain;box-shadow:8px 13px 24px #26324a29}.gra-cover-note{font-size:10px;margin-top:10px;color:#596578}.gra-cover-placeholder{height:285px;width:200px;background:var(--cover-color);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;box-shadow:8px 13px 24px #26324a29;padding:15px;text-align:center}.gra-cover-placeholder b{font-size:24px}.gra-cover-placeholder small{font-size:11px}.gra-book-body{padding:23px;display:flex;flex-direction:column;flex:1}.gra-book-status{font-size:10px;letter-spacing:.4px;color:#8d6423;font-weight:700}.gra-book-body h3{font-size:20px;margin:9px 0}.gra-grades{font-size:12px!important;color:#647083!important;min-height:45px!important;margin:0 0 14px!important;line-height:1.9}.gra-sample-count{font-size:11px;color:#687386;display:block;margin:0 0 18px}.gra-book-actions{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-top:auto}.gra-button{border:1px solid #d9d3c8;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 17px;min-height:45px;font:700 13px/1.5 Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}.gra-button-dark{background:#26324a;color:#fff;border-color:#26324a}.gra-button-gold{background:#c8a248;color:#1b263d;border-color:#c8a248}.gra-button-light{background:#fff;color:#26324a}.gra-order-link{font-size:12px;font-weight:700;color:#8d6423;white-space:nowrap}.gra-sample-soon{font-size:12px;color:#697486;background:#f3f3ef;border:1px solid #e6e5dc;border-radius:7px;padding:10px 12px}.gra-catalog-note{font-size:12px;color:#657185;margin:19px 0 0}.gra-footer{border-top:1px solid #ded8cc;background:#f8f5ed;color:#26324a;padding:36px 24px;font:13px/1.9 'Cairo',Tahoma,Arial,sans-serif;margin-top:45px}.gra-footer-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px}.gra-footer h3{font-size:16px;margin:0 0 12px}.gra-footer p{font-size:12px;color:#657185;margin:8px 0}.gra-social-list{display:flex;gap:8px;flex-wrap:wrap}.gra-social-list a{border:1px solid #dcd6ca;border-radius:7px;background:#fff;padding:5px 10px;display:inline-flex;gap:5px;align-items:center;color:#26324a;text-decoration:none;font-size:12px}.gra-social-list a:hover{border-color:#b28b37}.gra-footer-links{display:flex;flex-direction:column;gap:7px}.gra-footer a{text-decoration:none}.gra-footer-links a{color:#5b491f;font-size:12px}.gra-footer-bottom{max-width:1120px;margin:25px auto 0;border-top:1px solid #e2ddd2;padding-top:17px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:#687386}.gra-footer-compact{padding:18px 22px;margin-top:18px}.gra-footer-compact .gra-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.gra-quick-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.gra-quick-links a{font-size:11px}.gra-floating-wa{position:fixed;bottom:20px;inset-inline-end:20px;z-index:80;display:flex;align-items:center;gap:8px;background:#137b4d;color:white;border:1px solid #fff8;padding:11px 16px;border-radius:35px;box-shadow:0 5px 16px #143a292f;text-decoration:none;font:700 12px/1.5 Tahoma,sans-serif}.gra-floating-wa svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.gra-home-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font-size:12px;white-space:nowrap}.gra-home-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.gra-breadcrumb{display:flex;align-items:center;gap:18px;flex-wrap:wrap;width:min(1120px,calc(100% - 40px));margin:22px auto 0;font-size:12px;color:#657185}.gra-page{background:#faf7f0;color:#26324a;font:500 15px/1.9 'Cairo',Tahoma,Arial,sans-serif}.gra-page *{box-sizing:border-box}.gra-page h1,.gra-page h2{font-family:'Readex Pro',Tahoma,sans-serif;font-weight:600;line-height:1.6}.gra-page a{color:inherit;text-decoration:none}.gra-page-header{background:#fffdf9;border-bottom:1px solid #e6e0d4;padding:17px 25px;position:sticky;top:0;z-index:35}.gra-page-header-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.gra-page-brand{font-size:16px;font-weight:800}.gra-page-brand small{display:block;font:9px/1.8 Georgia,serif;letter-spacing:1.4px;color:#8d6423}.gra-page-nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:12px}.gra-main{width:min(980px,calc(100% - 40px));margin:38px auto 55px}.gra-main h1{font-size:35px;margin:0 0 12px}.gra-main .gra-lead{font-size:16px;color:#657185;max-width:760px;margin:0 0 26px}.gra-order-frame{display:block;width:100%;height:max(760px,calc(100dvh - 140px));border:1px solid #e3ded3;border-radius:12px;background:white}.gra-order-help{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:17px 0;color:#657185;font-size:12px}.gra-link-hub{max-width:620px;margin:35px auto 55px;padding:0 20px;text-align:center}.gra-hub-mark{width:74px;height:74px;border:1px solid #d7bc76;background:#26324a;color:#edca73;display:grid;place-items:center;border-radius:20px;font-size:40px;margin:0 auto 15px}.gra-link-hub h1{font-size:27px;margin:0}.gra-link-hub .gra-lead{font-size:13px;color:#657185;margin:8px auto 25px}.gra-hub-links{display:flex;flex-direction:column;gap:12px}.gra-hub-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:57px;border:1px solid #e0d8c7;background:#fff;padding:15px 20px;border-radius:11px;color:#26324a;text-align:start;font-size:14px;font-weight:700}.gra-hub-link small{font-size:10px;color:#7a8290;display:block;font-weight:400}.gra-hub-link.primary{background:#26324a;color:white}.gra-hub-link.primary small{color:#d1d7e1}.gra-qr{width:160px;height:160px;background:white;border:1px solid #e5dfd2;padding:8px;display:block;margin:20px auto 8px}.gra-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gra-info-card{background:#fff;border:1px solid #e2dccc;border-radius:12px;padding:27px}.gra-info-card h2{font-size:21px;margin:0 0 12px}.gra-info-card p{font-size:13px;color:#647083}.gra-info-card .gra-button{margin-top:12px}.gra-info-card .gra-qr{margin-inline:0}.gra-steps{counter-reset:gra-steps;display:grid;gap:16px;padding:0;list-style:none}.gra-steps li{position:relative;padding:18px 65px 18px 22px;border:1px solid #e2dccc;background:white;border-radius:10px;font-size:14px}.gra-steps li:before{counter-increment:gra-steps;content:counter(gra-steps);position:absolute;inset-inline-start:20px;top:18px;width:30px;height:30px;border-radius:50%;background:#f4e6bd;color:#73561f;display:grid;place-items:center;font-weight:800}.gra-page[dir=ltr] .gra-steps li{padding:18px 22px 18px 65px}.gra-small-note{font-size:12px;color:#657185;margin:20px 0}.gra-page .gra-footer{margin-top:35px}.gra-page button:focus-visible,.gra-page a:focus-visible,.gra-language-buttons button:focus-visible{outline:3px solid #a77a20;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:980px){.gra-book-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gra-cover{padding:20px 15px;min-height:300px}.gra-cover img{height:240px}.gra-book-body{padding:18px}.gra-book-body h3{font-size:17px}.gra-book-actions{gap:10px}.gra-footer-inner{gap:20px}.gra-page-header-inner{gap:12px}}
@media(max-width:700px){.gra-book-cards{grid-template-columns:1fr;gap:17px}.gra-book-card{display:grid;grid-template-columns:42% 58%}.gra-cover{padding:20px 13px;min-height:0}.gra-cover img{height:auto;width:100%;max-height:265px}.gra-cover-placeholder{width:100%;height:225px;font-size:12px;box-shadow:none}.gra-cover-placeholder b{font-size:17px}.gra-book-body{padding:19px 14px}.gra-book-body h3{font-size:17px}.gra-book-actions{align-items:flex-start;flex-direction:column;margin-top:auto;gap:12px}.gra-grades{min-height:0!important;margin-bottom:10px!important}.gra-button{font-size:12px;padding:10px 13px;min-height:42px}.gra-book-filter{margin-top:12px}.gra-book-filter h3{font-size:19px}.gra-language-buttons{width:100%}.gra-language-buttons button{flex:1}.gra-book-status{font-size:9px}.gra-cover-note{font-size:8px;line-height:1.6;text-align:center}.gra-sample-count{font-size:10px;line-height:1.8}.gra-sample-soon{font-size:11px;padding:9px}.gra-footer{padding:28px 20px}.gra-footer-inner{grid-template-columns:1fr;gap:23px}.gra-footer-compact .gra-footer-inner{display:flex}.gra-footer-compact{padding:17px}.gra-floating-wa{bottom:17px;inset-inline-end:15px;padding:11px}.gra-floating-wa span{display:none}.gra-page-header{padding:13px 16px}.gra-page-header-inner{align-items:flex-start}.gra-page-brand{font-size:12px}.gra-page-brand small{font-size:7px;letter-spacing:.7px}.gra-page-nav{gap:11px;justify-content:flex-end;font-size:11px}.gra-home-link{font-size:11px}.gra-main{width:calc(100% - 30px);margin-top:25px}.gra-main h1{font-size:27px}.gra-main .gra-lead{font-size:14px}.gra-contact-grid{grid-template-columns:1fr}.gra-info-card{padding:23px}.gra-order-frame{height:calc(100dvh - 100px);min-height:680px}.gra-order-help{font-size:11px}.gra-breadcrumb{font-size:11px;gap:13px;margin-top:16px}.gra-quick-links{gap:12px}}
@media print{.gra-footer,.gra-floating-wa,.gra-breadcrumb,.gra-page-header{display:none!important}}
.gra-page .gra-button-dark{color:#fff}.gra-page .gra-button-gold{color:#1b263d}

.gra-interactive-link{display:inline-flex;margin-top:17px;align-self:flex-start;border-bottom:1px solid #b59a59;color:#72551f;font:700 12px/1.9 Tahoma,Arial,sans-serif;text-decoration:none;padding:3px 0;min-height:30px}

/* Clear choices and primary purchase action on every screen. */
.gra-book-filter{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.gra-language-buttons{display:inline-flex;gap:8px;width:auto}.gra-language-buttons button{min-width:116px;min-height:46px}.gra-book-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.gra-book-actions .gra-button{width:100%;min-height:47px;font-size:14px}.gra-book-actions .gra-button-gold{background:#c8a248;border-color:#b28b35;color:#17243b;box-shadow:0 3px 8px #8d642320}.gra-book-actions .gra-button-light{border-color:#c9cdd4;color:#43516a;background:#fff;box-shadow:none;font-size:13px}.interactive-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.interactive-options a{min-height:48px}.interactive-options small{display:block;font-size:11px;font-weight:400;margin-top:2px}.interactive-strip{align-items:center}.interactive-strip .interactive-options{margin-top:0;flex-shrink:0}.interactive-strip .interactive-options .btn{white-space:normal;text-align:center}.story-actions .interactive-options{margin-top:0}@media(max-width:700px){.gra-language-buttons{width:100%}.gra-language-buttons button{flex:1;min-width:0}.gra-book-actions{align-items:stretch}.gra-book-actions .gra-button{font-size:13px;white-space:normal}.interactive-strip{flex-direction:column;align-items:stretch}.interactive-options{width:100%;flex-direction:column}.interactive-options a{width:100%;text-align:center}.gra-book-body{min-width:0}}

.gra-order-samples{margin:0 0 18px;font-size:13px}.gra-order-samples a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #c8a248;color:#59451e;font-weight:700}

.edition-timing{font-weight:700!important;color:#26324a!important;margin-top:15px!important}.package .btn{font-size:12px;margin-top:9px}.gra-contact-qr{display:flex;align-items:center;gap:24px;margin:32px 0 12px;padding:22px 0;border-top:1px solid #ded8cc}.gra-contact-qr img,.gra-contact-qr-link img{display:block;background:white;width:150px;height:150px;flex-shrink:0}.gra-contact-qr h2{font-size:20px;margin:0 0 6px}.gra-contact-qr p{font-size:12px;color:#657185;margin:7px 0}.gra-contact-qr div>a{font-size:16px;font-weight:700;display:inline-block}.gra-contact-qr-link{display:block;margin:24px 0;width:150px}@media(max-width:600px){.gra-contact-qr{gap:18px}.gra-contact-qr img{width:125px;height:125px}.gra-contact-qr h2{font-size:17px}.gra-contact-qr div>a{font-size:14px}.gra-contact-qr p{font-size:11px}.package .btn{white-space:normal}}

/* Compact contact and payment QR display. */
.demo-note-link{display:block;text-decoration:underline;text-underline-offset:3px}.demo-note-link:hover{background:#e7dcc6}.gra-contact-qr:not(.gra-bank-qr) img{width:120px;height:120px}.gra-info-card .gra-qr{width:130px;height:130px}.gra-bank-qr img{width:240px;height:auto;background:transparent;border-radius:12px}.gra-bank-qr{align-items:center}.gra-contact-qr a{flex-shrink:0}@media(max-width:600px){.gra-bank-qr{flex-wrap:wrap;gap:12px}.gra-bank-qr img{width:220px}.gra-contact-qr:not(.gra-bank-qr) img{width:110px;height:110px}}

/* Keep order-page navigation easy to tap on phones. */
.gra-page-header .gra-page-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 7px;touch-action:manipulation}.gra-page-header .gra-home-link>*{pointer-events:none}.gra-page-header .gra-page-nav{gap:6px}.gra-page-header .gra-page-header-inner{align-items:center}@media(max-width:700px){.gra-page-header{padding-block:7px}.gra-page-header .gra-page-header-inner{gap:8px}}

.gra-legal{max-width:800px}
.gra-legal section{background:#fff;border:1px solid #e2dccc;border-radius:12px;padding:20px 24px;margin:0 0 14px}
.gra-legal h2{font-size:19px;margin:0 0 8px;color:#26324a}
.gra-legal p,.gra-legal li{font-size:14.5px;line-height:1.95;color:#46526a;margin:0 0 6px}
.gra-legal ul{margin:0;padding-inline-start:20px}
.gra-legal a{color:#7a5a1c}
@media(max-width:760px){.gra-legal section{padding:16px 16px}.gra-legal p,.gra-legal li{font-size:14px}}