:root{--ink:#003B46;--muted:#07575B;--line:#C4DFE6;--paper:#F7FBFC;--surface:#fff;--accent:#07575B;--accent2:#66A5AD;--warm:#EAF4F6;--success:#07575B;--danger:#b63737;--shadow:0 24px 70px rgba(0,59,70,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,247,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,233,238,.85)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{width:42px;height:42px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.08em}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{font-size:11px;color:var(--muted);margin-top:-2px}.nav-actions{display:flex;align-items:center;gap:24px}.nav-link{text-decoration:none;color:var(--muted);font-size:14px}.nav-link:hover{color:var(--ink)}.admin-link,.secondary-btn{border:1px solid var(--line);padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;background:#fff}.hero{padding:82px 0 66px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:15px}.hero h1,.detail-content h1,.payment-head h1,.success-card h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{color:var(--accent)}.hero-copy{font-size:18px;color:var(--muted);max-width:650px;margin:0 0 30px}.hero-search{display:flex;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(0,59,70,.08);border-radius:16px;padding:6px;max-width:680px}.hero-search input{flex:1;border:0;background:transparent;padding:13px 14px;outline:0;font-size:15px}.hero-search button,.primary-btn,.buy-btn{border:0;background:var(--ink);color:#fff;font-weight:750;border-radius:12px;padding:13px 19px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.hero-search button:hover,.primary-btn:hover,.buy-btn:hover{background:#07575B}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:13px}.hero-visual{position:relative;height:440px}.stack-card,.feature-book{position:absolute;border-radius:22px}.stack-card{inset:60px 28px 30px 60px;background:#C4DFE6;transform:rotate(8deg)}.stack-two{background:#e9dcc4;transform:rotate(-5deg);inset:45px 55px 45px 30px}.feature-book{inset:20px 70px 20px 70px;background:linear-gradient(155deg,#003B46,#07575B);color:#fff;padding:42px;box-shadow:0 28px 70px rgba(0,59,70,.24);display:flex;flex-direction:column}.feature-book:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.14);border-radius:15px}.feature-kicker{font-size:11px;letter-spacing:.22em;color:#C4DFE6;z-index:1}.feature-book strong{font-family:Georgia,serif;font-size:48px;line-height:1.04;margin:auto 0;z-index:1;font-weight:500}.feature-book small{z-index:1;color:#C4DFE6}.catalog-section{padding:66px 0 90px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading.centered{justify-content:center;text-align:center}.section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.035em;margin:0}.catalog-count{font-size:13px;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:.25s ease}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cover-wrap{position:relative;height:360px;display:block;background:#f2f3f7;padding:24px;text-decoration:none}.book-cover{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px rgba(0,59,70,.16)}.cover-placeholder{height:100%;border-radius:8px;background:linear-gradient(145deg,#003B46,#07575B);color:#fff;padding:30px;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(0,59,70,.16)}.cover-placeholder>span{font-size:12px;letter-spacing:.2em;color:#C4DFE6}.cover-placeholder strong{font-family:Georgia,serif;font-size:30px;line-height:1.12;margin:auto 0;font-weight:500}.cover-placeholder small{color:#C4DFE6}.category-badge{position:absolute;top:36px;right:36px;background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.book-body{padding:23px}.author{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin:0 0 7px}.book-body h3{font-size:20px;line-height:1.28;margin:0 0 10px}.book-body h3 a{text-decoration:none}.desc{font-size:14px;color:var(--muted);margin:0 0 22px;min-height:45px}.book-footer{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.book-footer small,.book-footer strong{display:block}.book-footer small{color:var(--muted);font-size:11px}.book-footer strong{font-size:18px}.buy-btn{background:var(--accent);padding:10px 18px}.simple-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:42px;font-size:13px}.simple-pagination a{color:var(--accent);font-weight:700;text-decoration:none}.simple-pagination .disabled{color:#b2b6c0}.how-section{padding:88px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.step>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#EAF4F6;color:var(--accent);font-weight:800}.step h3{margin:24px 0 8px;font-size:19px}.step p{margin:0;color:var(--muted);font-size:14px}.site-footer{background:#003B46;color:#fff;padding:34px 0}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-wrap p{color:#C4DFE6;font-size:13px;margin:3px 0 0}.footer-wrap>div:last-child{font-size:12px;color:#C4DFE6}.checkout-modal{width:min(520px,calc(100% - 30px));border:0;border-radius:24px;padding:34px;box-shadow:0 40px 100px rgba(17,24,39,.28)}.checkout-modal::backdrop{background:rgba(17,24,39,.55);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f4f5f7;font-size:22px;cursor:pointer}.modal-label{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.checkout-modal h2{font-size:27px;line-height:1.15;margin:8px 40px 5px 0}.modal-price{font-size:21px;font-weight:800;margin:0 0 10px}.modal-copy{font-size:14px;color:var(--muted);margin:0 0 20px}.checkout-modal label{display:block;font-size:12px;font-weight:700;margin:0 0 13px}.checkout-modal input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;margin-top:6px;outline:0;font-size:14px}.checkout-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(7,87,91,.10)}.checkout-modal .primary-btn{width:100%;margin-top:8px;background:var(--accent);padding:14px}.privacy-note{display:block;margin-top:14px;color:var(--muted);font-size:11px}.alert{border-radius:14px;padding:14px 16px;margin:20px auto;font-size:14px;display:flex;gap:6px;flex-direction:column}.error-alert{background:#fff1f1;color:var(--danger);border:1px solid #ffd6d6}.success-alert{background:#edf9f4;color:var(--success);border:1px solid #cfeee1}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:20px}.empty-icon{font-size:40px}.book-detail-page{padding:70px 0 90px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.detail-cover{height:570px;background:#f1f2f6;padding:34px;border-radius:24px}.detail-cover img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 20px 55px rgba(0,59,70,.18)}.cover-placeholder.large strong{font-size:42px}.detail-content h1{font-size:clamp(42px,5vw,64px)}.detail-author{color:var(--muted);font-size:16px}.detail-desc{font-size:17px;color:var(--muted);max-width:680px}.detail-price{margin:28px 0 20px}.detail-price small,.detail-price strong{display:block}.detail-price small{color:var(--muted)}.detail-price strong{font-size:30px}.buy-large{background:var(--accent);padding:15px 23px}.detail-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:13px}.checkout-page{background:#f5f6f8}.secure-badge{font-size:12px;background:#edf9f4;color:var(--success);padding:8px 12px;border-radius:999px;font-weight:700}.checkout-shell{padding:56px 0 90px}.checkout-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}.payment-card,.order-card,.success-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(0,59,70,.07)}.payment-card{padding:34px}.payment-head h1{font-size:36px;margin-bottom:10px}.payment-head p{color:var(--muted);margin:0 0 26px}.method-list{display:grid;gap:12px}.method-option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:15px;cursor:pointer;position:relative}.method-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(7,87,91,.10)}.method-option>input[type=radio]{position:absolute;opacity:0}.method-icon{width:48px;height:40px;border-radius:10px;background:#EAF4F6;color:var(--accent);display:grid;place-items:center;font-weight:900;font-size:12px}.method-copy{display:flex;flex-direction:column}.method-copy small{color:var(--muted);font-size:11px}.radio-dot{margin-left:auto;width:18px;height:18px;border:2px solid #c8ccd6;border-radius:50%}.method-option:has(input:checked) .radio-dot{border:5px solid var(--accent)}.method-list>.primary-btn{margin-top:10px;background:var(--accent)}.order-card{padding:26px;position:sticky;top:104px}.order-book{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.mini-cover{width:58px;height:74px;border-radius:8px;background:#202a44;color:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:11px;font-weight:800}.mini-cover img{width:100%;height:100%;object-fit:cover}.order-book strong,.order-book small{display:block}.order-book strong{font-size:14px;line-height:1.3}.order-book small{color:var(--muted);font-size:11px;margin-top:4px}.summary-row{display:flex;justify-content:space-between;padding:14px 0;font-size:14px}.summary-row.total{border-top:1px solid var(--line);font-size:17px}.buyer-info{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;font-size:13px}.buyer-info small,.buyer-info span{color:var(--muted)}.payment-instruction{display:grid;gap:18px}.status-pill{display:inline-flex;align-items:center;gap:8px;color:#986b00;font-weight:800;font-size:12px;background:#fff7db;border:1px solid #f4e2a3;border-radius:999px;padding:8px 12px;width:max-content}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#d49b08;animation:pulse 1.4s infinite}.instruction-box{padding:18px;border:1px solid var(--line);border-radius:14px}.instruction-box small{display:block;color:var(--muted);margin-bottom:6px}.copy-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-line strong{font-size:24px;letter-spacing:.03em}.copy-line button{border:0;background:#EAF4F6;color:var(--accent);padding:8px 11px;border-radius:9px;font-weight:700;cursor:pointer}.qris-string{word-break:break-all;font-family:monospace;font-size:11px;background:#f5f6f8;padding:12px;border-radius:8px}.qris-box{text-align:center}.qris-box img{max-width:260px}.demo-box{background:#fff8e7;border:1px solid #f5dfaa;border-radius:14px;padding:17px}.demo-box p{font-size:13px;color:#7a6227}.demo-box .primary-btn{width:100%;background:#946b0b}.poll-note{font-size:12px;color:var(--muted)}.paid-box{text-align:center;padding:30px}.paid-icon,.success-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e9f8f2;color:var(--success);font-size:30px;font-weight:900;margin:0 auto 18px}.success-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 0,#eef1ff,transparent 38%),var(--paper)}.success-shell{width:min(760px,100%)}.success-card{padding:52px;text-align:center}.success-card h1{font-size:44px}.success-card>p{color:var(--muted)}.download-card{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;border:1px solid var(--line);border-radius:16px;padding:18px;margin:28px 0}.download-card div{display:flex;flex-direction:column}.download-card small,.download-card span{font-size:11px;color:var(--muted)}.download-card strong{font-size:14px}.download-card .primary-btn{background:var(--accent)}.auto-note{font-size:13px}.success-actions a{font-size:13px;color:var(--accent);text-decoration:none;font-weight:700}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(212,155,8,.45)}70%{box-shadow:0 0 0 8px rgba(212,155,8,0)}100%{box-shadow:0 0 0 0 rgba(212,155,8,0)}}@media(max-width:960px){.hero-grid,.detail-grid,.checkout-grid{grid-template-columns:1fr}.hero-visual{display:none}.book-grid{grid-template-columns:repeat(2,1fr)}.order-card{position:static}.detail-cover{height:520px}.steps-grid{grid-template-columns:1fr}.hero{padding-top:56px}}@media(max-width:640px){.nav-actions .nav-link{display:none}.nav-wrap{height:70px}.brand small{display:none}.hero h1{font-size:42px}.hero-search{flex-direction:column}.hero-search button{width:100%}.book-grid{grid-template-columns:1fr}.cover-wrap{height:410px}.section-heading{align-items:start;flex-direction:column}.checkout-modal{padding:26px}.detail-cover{height:440px;padding:20px}.detail-content h1{font-size:40px}.payment-card,.order-card{padding:22px}.success-card{padding:30px 20px}.success-card h1{font-size:36px}.download-card{flex-direction:column;align-items:stretch}.footer-wrap{flex-direction:column;align-items:flex-start}.trust-row{gap:10px 16px}}

/* Enhancements: cart, recovery, bestseller and elder-friendly flows */
.nav-link.active{color:var(--ink);font-weight:800}.cart-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:800;color:var(--ink);background:#EAF4F6;border:1px solid #dbe3ff;padding:9px 12px;border-radius:999px}.cart-link span{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px}.cart-link.active{box-shadow:0 0 0 3px rgba(7,87,91,.10)}.bestseller-grid{grid-template-columns:repeat(3,1fr);gap:28px}.bestseller-grid .cover-wrap{height:285px;padding:16px}.bestseller-grid .book-body{padding:18px}.bestseller-grid .book-body h3{font-size:17px}.bestseller-grid .desc{font-size:12px;min-height:58px}.sales-badge{position:absolute;left:14px;bottom:14px;background:#172033;color:#fff;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;box-shadow:0 8px 18px rgba(23,32,51,.18)}.price-block{padding-top:14px;border-top:1px solid var(--line);margin-top:10px}.price-block small,.price-block strong{display:block}.price-block small{font-size:11px;color:var(--muted)}.price-block strong{font-size:18px}.book-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.book-actions .buy-btn,.book-actions .cart-btn{padding:12px 11px;font-size:13px;min-height:48px}.cart-btn{border:1px solid #dbe0ea;background:#fff;color:var(--ink);font-weight:800;border-radius:12px;cursor:pointer}.cart-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-btn:disabled{opacity:.78;cursor:default}.recovery-strip{padding:70px 0;background:#f0f3ff;border-top:1px solid #e3e8ff;border-bottom:1px solid #e3e8ff}.recovery-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.recovery-grid h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 12px;letter-spacing:-.035em}.recovery-grid p{max-width:720px;color:var(--muted);margin:0}.four-steps{grid-template-columns:repeat(4,1fr)}.field-hint{float:right;color:var(--muted);font-weight:500}.phone-help{display:block;margin:-5px 0 13px;color:var(--muted);font-size:11px}.large-btn{min-height:52px;font-size:15px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#172033;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 16px 40px rgba(23,32,51,.22);font-size:13px;font-weight:700;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9c2f2f}
.collection-page{background:#fff}.collection-hero{padding:68px 0 34px;background:linear-gradient(180deg,#f6f7ff,#fff)}.collection-hero h1,.page-intro h1,.recovery-card h1{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.collection-hero>div>p,.page-intro>p,.recovery-card>p{color:var(--muted);max-width:760px}.collection-filter{display:grid;grid-template-columns:2fr 1fr auto auto;gap:10px;margin-top:28px}.collection-filter input,.collection-filter select,.cart-checkout-form input,.recovery-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 14px;font-size:14px;outline:none}.collection-filter input:focus,.collection-filter select:focus,.cart-checkout-form input:focus,.recovery-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(7,87,91,.10)}
.cart-page{padding:58px 0 90px}.page-intro{margin-bottom:34px}.back-link{display:inline-block;color:var(--accent);font-weight:800;font-size:13px;text-decoration:none;margin-bottom:20px}.cart-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:start}.cart-items,.cart-checkout-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(24,32,51,.05)}.cart-items{padding:10px 24px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:72px;height:92px;border-radius:9px;background:#202a44;color:#fff;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:800}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-copy small,.cart-copy p{color:var(--muted);font-size:12px}.cart-copy h3{margin:3px 0;font-size:18px;line-height:1.3}.cart-copy p{margin:0 0 7px}.cart-copy strong{font-size:15px}.remove-btn,.text-btn{border:0;background:transparent;color:#a03b3b;font-weight:800;cursor:pointer}.clear-cart-form{text-align:right;padding:16px 0}.cart-checkout-card{padding:28px;position:sticky;top:100px}.cart-checkout-card h2{font-size:26px;line-height:1.2;margin:0 0 10px}.cart-checkout-card>p{color:var(--muted);font-size:13px}.cart-checkout-form label,.recovery-form label{display:block;font-size:12px;font-weight:800;margin:0 0 13px}.cart-checkout-form input,.recovery-form input{margin-top:6px}.cart-total{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:18px 0;margin-top:16px}.cart-total span{color:var(--muted);font-size:13px}.cart-total strong{font-size:24px}.cart-checkout-form .primary-btn{width:100%;background:var(--accent)}.elder-note,.help-note,.remember-box,.closing-safe-note{display:flex;flex-direction:column;gap:3px;background:#F2F8F9;border:1px solid #e1e6ff;border-radius:14px;padding:14px 16px;margin-top:16px;font-size:12px}.elder-note span,.help-note span,.remember-box span,.closing-safe-note span{color:var(--muted)}.cart-empty{background:#fff}
.recovery-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:58px 18px}.recovery-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:0 24px 70px rgba(0,59,70,.10)}.recovery-icon{width:60px;height:60px;border-radius:50%;background:#EAF4F6;color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:20px}.recovery-form{margin-top:24px}.recovery-form .primary-btn{width:100%;background:var(--accent);margin-top:8px}.help-note{margin:20px 0}.wide-success{width:min(860px,100%)}.order-access-list{display:grid;gap:12px;margin:26px 0}.order-access-list .download-card{margin:0}.download-all-btn{width:100%;background:var(--accent);min-height:54px;margin-top:4px}.access-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.access-tools .secondary-btn{cursor:pointer}.whatsapp-save{border-color:#cfe8d8;background:#f3fbf6}.delivery-status{margin:18px 0;padding:12px 14px;background:#f6f7f9;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}.success-delivery{background:#edf9f4;border-color:#cfeee1;color:var(--success)}.remember-box{text-align:left;margin-top:20px}.remember-box a{color:var(--accent);font-weight:800}.success-actions{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px}.detail-buy-actions{display:flex;gap:10px;flex-wrap:wrap}.cart-large{padding:14px 20px;cursor:pointer}.checkout-items-list{max-height:360px;overflow:auto}.order-book span{display:block;color:var(--ink);font-size:12px;font-weight:800;margin-top:4px}.closing-safe-note{margin:0 0 22px;background:#F2F8F9}.closing-safe-note strong{color:var(--ink)}
@media(max-width:1100px){.bestseller-grid{grid-template-columns:repeat(2,1fr)}.four-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.recovery-grid,.cart-layout{grid-template-columns:1fr}.cart-checkout-card{position:static}.collection-filter{grid-template-columns:1fr 1fr}.collection-filter .primary-btn,.collection-filter .secondary-btn{width:100%}}
@media(max-width:640px){.nav-actions{gap:8px}.nav-actions .cart-link{display:inline-flex}.nav-actions .admin-link{display:none}.bestseller-grid{grid-template-columns:1fr}.bestseller-grid .cover-wrap{height:410px}.book-actions{grid-template-columns:1fr}.recovery-grid{gap:22px}.four-steps{grid-template-columns:1fr}.collection-filter{grid-template-columns:1fr}.cart-item{grid-template-columns:62px 1fr;align-items:start}.cart-thumb{width:62px;height:82px}.cart-item form{grid-column:2}.recovery-card{padding:28px 22px}.access-tools{flex-direction:column}.access-tools .secondary-btn{text-align:center}.toast{right:16px;left:16px;bottom:16px;text-align:center}}

/* 2026 mobile + Telaga Ilmu storefront refinements */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.brand-logo-image{width:46px;height:46px;border-radius:14px;object-fit:contain;flex:0 0 auto;background:#F2F8F9;border:1px solid #C4DFE6}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle>span{display:block;width:19px;height:2px;border-radius:99px;background:var(--ink);transition:.2s}.nav-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{background:linear-gradient(180deg,#f9fbfc 0%,#fbfaf7 100%)}.hero-water-card{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:#C4DFE6;border:1px solid #66A5AD;box-shadow:0 28px 70px rgba(0,59,70,.16)}
.hero.hero-with-telaga{background:linear-gradient(90deg,rgba(247,251,252,.97) 0%,rgba(247,251,252,.94) 35%,rgba(196,223,230,.76) 62%,rgba(102,165,173,.28) 100%),var(--hero-image) center center/cover no-repeat;border-bottom:1px solid #C4DFE6}.hero.hero-with-telaga .hero-grid{grid-template-columns:1.15fr .85fr;gap:70px;min-height:460px}.hero.hero-with-telaga .hero-copy-wrap{padding:10px 0}.hero.hero-with-telaga .hero-water-card{display:block}
.hero-water-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-water-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,59,70,.58) 100%);pointer-events:none}.hero-water-caption{position:absolute;left:28px;right:28px;bottom:25px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:2px}.hero-water-caption span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;opacity:.88}.hero-water-caption strong{font-size:20px;line-height:1.25;max-width:350px}.carousel-note{color:var(--muted);font-size:13px;margin:10px 0 0;max-width:660px}
.book-carousel{overflow:hidden;width:100%;padding:6px 2px 20px;margin:-6px -2px -20px}.book-carousel-track{--carousel-gap:28px;display:flex;gap:var(--carousel-gap);transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}.carousel-book{flex:0 0 calc((100% - (var(--carousel-gap) * 2))/3);min-width:0}.book-carousel.is-static .book-carousel-track{justify-content:flex-start}.book-carousel.is-static .carousel-book{flex-grow:0}.book-card .price-block{padding-top:18px;border-top:1px solid var(--line);margin-top:auto}.book-body{display:flex;flex-direction:column;min-height:300px}.book-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.cart-btn{border:1px solid #C4DFE6;background:#fff;color:var(--ink);font-weight:750;border-radius:12px;padding:10px 12px;cursor:pointer}.cart-btn:hover{border-color:#66A5AD;background:#F4FAFB}.sales-badge{position:absolute;left:14px;bottom:14px;background:#003B46;color:#fff;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:800}.recovery-strip{padding:56px 0;background:#EAF4F6;border-top:1px solid #C4DFE6;border-bottom:1px solid #C4DFE6}.recovery-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.recovery-grid h2{margin:0 0 10px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.recovery-grid p{margin:0;color:var(--muted);max-width:760px}

@media(max-width:980px){.hero{padding:56px 0}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy-wrap{max-width:760px}.hero-water-card{min-height:390px}.hero.hero-with-telaga{background:linear-gradient(180deg,rgba(249,251,252,.95) 0%,rgba(249,251,252,.82) 42%,rgba(249,251,252,.52) 100%),var(--hero-image) center center/cover no-repeat}.hero.hero-with-telaga .hero-grid{grid-template-columns:1fr;gap:34px;min-height:auto}.detail-grid,.checkout-grid{grid-template-columns:1fr;gap:38px}.detail-cover{height:min(560px,72vw);max-width:520px;width:100%;margin:auto}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-book{flex-basis:calc((100% - var(--carousel-gap))/2)}.footer-wrap{align-items:flex-start}.checkout-shell{padding-top:34px}}
@media(max-width:840px){.nav-wrap{height:70px;position:relative}.brand-logo-image{width:42px;height:42px}.brand strong{font-size:15px}.brand small{font-size:10px}.nav-toggle{display:flex;margin-left:auto}.nav-actions{display:none;position:absolute;top:62px;left:0;right:0;z-index:50;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 18px 50px rgba(0,59,70,.14);align-items:stretch;gap:4px;flex-direction:column}.nav-actions.is-open{display:flex}.nav-actions .nav-link,.nav-actions .cart-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border-radius:10px;text-decoration:none}.nav-actions .nav-link:hover,.nav-actions .cart-link:hover{background:#f5f7fb}.nav-actions .cart-link span{margin-left:auto}.collection-hero{padding-top:48px}.recovery-grid{grid-template-columns:1fr}.recovery-grid .primary-btn{justify-self:start}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .secondary-btn{align-self:flex-start}.cart-layout{grid-template-columns:1fr}.cart-checkout-card{position:static}.payment-card,.order-card{padding:24px}.footer-wrap{flex-direction:column;gap:12px}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.hero{padding:42px 0 48px}.hero h1,.detail-content h1,.payment-head h1,.success-card h1{font-size:clamp(34px,11vw,48px)}.hero-copy{font-size:16px}.hero-water-card{min-height:300px;border-radius:22px}.hero-water-caption{left:20px;right:20px;bottom:18px}.hero-water-caption strong{font-size:17px}.hero.hero-with-telaga{background:linear-gradient(180deg,rgba(249,251,252,.96) 0%,rgba(249,251,252,.88) 48%,rgba(249,251,252,.62) 100%),var(--hero-image) center center/cover no-repeat}.hero-search{flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:8px}.hero-search input{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:48px}.hero-search button{width:100%;min-height:48px}.trust-row{gap:8px 14px;font-size:12px}.catalog-section,.how-section{padding:54px 0}.book-grid{grid-template-columns:1fr;gap:20px}.book-carousel-track{--carousel-gap:18px}.carousel-book{flex-basis:100%}.cover-wrap,.bestseller-grid .cover-wrap{height:360px}.book-body{min-height:0}.book-actions{grid-template-columns:1fr}.collection-filter{grid-template-columns:1fr}.cart-item{grid-template-columns:62px 1fr;gap:14px}.cart-item form{grid-column:2}.recovery-card{padding:28px 20px}.checkout-modal{padding:28px 20px}.detail-cover{height:115vw;max-height:500px;padding:22px}.payment-card{padding:22px}.order-card{padding:20px}.footer-wrap{font-size:13px}.simple-pagination{gap:12px;flex-wrap:wrap}.site-header{backdrop-filter:blur(12px)}.brand span:last-child{min-width:0}.brand strong,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}}
@media(max-width:390px){.brand strong,.brand small{max-width:155px}.container{width:min(100% - 22px,1160px)}.cover-wrap,.bestseller-grid .cover-wrap{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.book-carousel-track,.book-card,.nav-toggle>span{transition:none!important}}
.success-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;font-size:13px;margin-bottom:18px}.success-brand img{width:38px;height:38px;object-fit:contain;border-radius:11px;background:#F2F8F9;border:1px solid #C4DFE6}

/* Tentang Kami */
.about-page{min-height:calc(100vh - 170px)}.about-hero{padding:86px 0 100px}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.about-heading{position:sticky;top:115px}.about-heading h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.045em;margin:0 0 34px}.about-mark{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:34px;font-weight:800;box-shadow:var(--shadow)}.about-copy-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:46px;box-shadow:var(--shadow)}.about-copy-card p{font-size:18px;line-height:1.9;color:#3d4659;margin:0 0 26px}.about-copy-card p:last-child{margin-bottom:0}.nav-link.active{color:var(--ink);font-weight:750}@media(max-width:820px){.about-hero{padding:54px 0 72px}.about-grid{grid-template-columns:1fr;gap:34px}.about-heading{position:static}.about-copy-card{padding:28px}.about-copy-card p{font-size:16px}.about-mark{width:96px;height:96px;font-size:28px}}