:root{--paper:#f8fcfe;--paper2:#ffffff;--ink:#17364d;--muted:#617b8c;--line:#d7e8ef;--accent:#4b9fc4;--accent2:#1b6f99;--dark:#17364d;--danger:#b65058;--success:#3b8c78;--shadow:0 18px 60px rgba(45,31,18,.12);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4fafc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(248,252,254,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(75,159,196,.14)}.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brandmark{width:38px;height:38px;border:1px solid #c8b197;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#fffaf1,#ead7bf);box-shadow:inset 0 0 0 4px rgba(255,255,255,.38)}.brandmark:after{content:"M";font-family:Georgia,serif;color:var(--accent2);font-size:22px}.navlinks{margin-left:auto;display:flex;align-items:center;gap:8px}.navlinks a,.navlinks button{padding:9px 12px;border-radius:10px;border:0;background:none;color:#51483f;cursor:pointer}.navlinks a:hover,.navlinks button:hover{background:rgba(168,103,53,.09)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.18s ease;background:#ece5da;color:#3d352d}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-outline{background:transparent;border-color:#bfae9c}.btn-danger{background:#fff0ee;color:var(--danger);border-color:#e6c3bf}.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 14px}h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.045em}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:24px}.lead{font-size:19px;color:#62594f;max-width:680px}.hero-card{background:var(--paper2);border:1px solid #ded2c2;border-radius:26px;padding:28px;box-shadow:var(--shadow);transform:rotate(1.25deg)}.hero-book{aspect-ratio:4/3;border-radius:14px;background:linear-gradient(120deg,#f1d7bb,#c27b48 48%,#f5e9da 49%,#fff 50%);box-shadow:0 22px 45px rgba(55,36,20,.18);position:relative;overflow:hidden}.hero-book:before{content:"MTBCUSTOMS";position:absolute;inset:0;display:grid;place-items:center;font:700 34px Georgia;color:rgba(72,46,28,.34);letter-spacing:.12em}.section{padding:36px 0 72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--paper2);border:1px solid #ddd2c4;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(63,45,30,.07)}.cover{aspect-ratio:4/3;background:#e8dfd4;display:block;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:700 26px Georgia;color:#6b4f36;background:linear-gradient(145deg,#f3e3cc,#d8b48e)}.card-body{padding:18px}.meta{font-size:13px;color:var(--muted)}.price{font-size:22px;font-weight:800;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.panel{background:var(--paper2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 35px rgba(54,42,29,.06)}.layout-2{display:grid;grid-template-columns:280px 1fr;gap:24px}.sidebar a{display:flex;padding:11px 12px;border-radius:10px;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:#eee4d6;color:#6d411f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-weight:750;font-size:14px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfc3b5;background:#fffefa;border-radius:11px;padding:11px 12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a96b3c;box-shadow:0 0 0 3px rgba(169,107,60,.12)}.field small{display:block;color:var(--muted);margin-top:5px}.flash{padding:12px 14px;border-radius:12px;margin:16px 0}.flash.success{background:#e9f5ed;color:#24553a}.flash.error{background:#fae9e7;color:#842b27}.flash.info{background:#eee8df;color:#594f45}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e6ddd2;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#776d62}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eee7dd;color:#554b41}.badge.good{background:#e5f2e8;color:#235c39}.badge.warn{background:#f8ead2;color:#7c5118}.badge.bad{background:#f7dfdc;color:#862e29}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fffdf9}.stat b{display:block;font-size:27px}.muted{color:var(--muted)}.empty{padding:44px;text-align:center;color:var(--muted)}.footer{border-top:1px solid #ddd2c4;padding:30px 0;color:#71675d;font-size:14px}.auth-box{width:min(460px,calc(100% - 32px));margin:70px auto}.book-detail{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:36px;align-items:start}.book-detail .cover{border-radius:18px;box-shadow:var(--shadow)}
.reader-page{background:#11110f;min-height:100vh;color:#eee}.reader-top{height:58px;display:flex;align-items:center;padding:0 14px;background:#1b1a17;border-bottom:1px solid #34312c;gap:10px;position:sticky;top:0;z-index:20}.reader-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.reader-tools{margin-left:auto;display:flex;gap:6px}.iconbtn{border:1px solid #3a3731;background:#24221e;color:#eee;border-radius:9px;padding:8px 10px;cursor:pointer}.reader-shell{display:grid;grid-template-columns:auto 1fr;min-height:calc(100vh - 58px)}.thumbs{width:0;overflow:hidden;background:#171613;border-right:1px solid #2e2b27;transition:width .2s ease}.thumbs.open{width:170px}.thumb-inner{width:170px;padding:12px;height:calc(100vh - 58px);overflow:auto}.thumb{border:1px solid #3a3731;border-radius:8px;overflow:hidden;margin-bottom:10px;cursor:pointer;background:#222}.thumb img{display:block;width:100%;height:auto}.thumb span{display:block;padding:4px;text-align:center;font-size:11px;color:#bdb7ae}.stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#2a2823 0,#171613 58%,#10100f 100%);padding:28px 66px 54px}.spread{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 25px 32px rgba(0,0,0,.42));transform:scale(var(--zoom,1));transform-origin:center;transition:transform .2s ease;perspective:2200px}.sheet{position:relative;background:#fff;min-width:220px;max-height:calc(100vh - 150px);height:calc(100vh - 150px);aspect-ratio:.72;overflow:hidden}.sheet.left{border-radius:8px 0 0 8px;box-shadow:inset -16px 0 20px -20px rgba(0,0,0,.45)}.sheet.right{border-radius:0 8px 8px 0;box-shadow:inset 16px 0 20px -20px rgba(0,0,0,.45)}.sheet img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.sheet.locked{display:grid;place-items:center;background:linear-gradient(145deg,#f7f0e5,#e7d6c2);color:#4f4034;text-align:center;padding:20px}.sheet.locked:before{content:"🔒";font-size:36px;display:block}.page-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:rotate(-26deg);font-weight:800;font-size:clamp(13px,1.4vw,22px);letter-spacing:.06em;color:rgba(95,61,36,.09);text-transform:uppercase;white-space:nowrap}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:999px;width:42px;height:42px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(6px)}.nav-arrow:hover{background:rgba(255,255,255,.2)}.nav-arrow.prev{left:14px}.nav-arrow.next{right:14px}.reader-bottom{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(18,18,16,.84);border:1px solid #37342e;border-radius:999px;padding:7px 12px;font-size:13px;z-index:10}.turn-forward .sheet.right{animation:flipF .48s cubic-bezier(.2,.68,.24,1)}.turn-back .sheet.left{animation:flipB .48s cubic-bezier(.2,.68,.24,1)}@keyframes flipF{0%{transform-origin:left center;transform:rotateY(0);filter:brightness(1)}45%{transform-origin:left center;transform:rotateY(-38deg);filter:brightness(.88)}100%{transform-origin:left center;transform:rotateY(0);filter:brightness(1)}}@keyframes flipB{0%{transform-origin:right center;transform:rotateY(0);filter:brightness(1)}45%{transform-origin:right center;transform:rotateY(38deg);filter:brightness(.88)}100%{transform-origin:right center;transform:rotateY(0);filter:brightness(1)}}
@media(max-width:900px){.hero-grid,.book-detail,.layout-2{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,1fr)}.navlinks .hide-sm{display:none}.sheet.left{display:none}.sheet.right{border-radius:8px;max-width:88vw;height:calc(100vh - 145px)}.stage{padding:18px 52px 50px}.thumbs.open{position:absolute;z-index:15;height:calc(100vh - 58px)}.reader-shell{position:relative}.reader-title{max-width:42vw}}
@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero-grid{gap:26px}.nav{height:62px}.brand span{font-size:14px}.brandmark{width:34px;height:34px}.form-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.reader-tools .optional{display:none}.stage{padding-left:46px;padding-right:46px}.reader-top{height:54px}.reader-shell{min-height:calc(100vh - 54px)}.sheet.right{height:calc(100vh - 130px)}.reader-title{max-width:34vw;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v0.2 portable branding + smooth physical reader */
body{font-family:var(--body-font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
h1,h2,h3{font-family:var(--heading-font,Georgia,"Times New Roman",serif)}
.brandmark:after{content:none}.brandmark span{font:700 22px Georgia,serif;color:var(--accent2)}.brand-logo{height:40px;max-width:150px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:15px}.brand-copy small{font-size:11px;font-weight:600;color:var(--muted);margin-top:4px}.announcement{padding:8px 16px;background:var(--accent);color:#fff;text-align:center;font-size:13px;font-weight:750}.hero-book span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font:700 28px var(--heading-font,Georgia,serif);color:rgba(72,46,28,.45);letter-spacing:.06em}.hero-book:before{content:none}.footer-contact{margin-top:6px;font-size:.9rem;color:var(--muted)}.footer-contact a{text-decoration:underline;text-underline-offset:3px}
.theme-editor{position:relative}.theme-preview{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f4eee5;margin-top:12px}.preview-bar{padding:12px 14px;background:#f7f1e7;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded5c9}.preview-brand{display:flex;gap:9px;align-items:center}.preview-brand div{display:flex;flex-direction:column}.preview-brand small{font-size:10px;color:#70685f}.preview-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid #d2c4b3;font:700 18px Georgia;color:#7b4721}.preview-body{min-height:245px;padding:26px;position:relative;color:#27231f}.preview-body h4{font:700 30px Georgia;margin:6px 0 8px;max-width:65%}.preview-body p{max-width:65%;color:#70685f}.preview-eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#a86735;font-size:10px;font-weight:850}.preview-button{display:inline-block;background:#a86735;color:#fff;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.preview-card{position:absolute;right:7%;top:24%;width:24%;aspect-ratio:.72;background:linear-gradient(140deg,#f0d7ba,#c27b48);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,.15);display:grid;place-items:center;text-align:center;padding:8px;font:700 12px Georgia}.preset-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.color-field>div{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-field input[type=color]{height:42px;padding:2px}.admin-savebar{position:sticky;bottom:10px;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper2) 92%,transparent);backdrop-filter:blur(12px);border-radius:14px;z-index:8;margin-top:16px}

.reader-page{background:var(--reader-bg,#11110f);overscroll-behavior:none}.reader-top{background:var(--reader-toolbar,#1b1a17);color:var(--reader-toolbar-text,#eee)}.reader-shell{height:calc(100vh - 58px);min-height:0}.stage{min-width:0;height:calc(100vh - 58px);background:radial-gradient(circle at 50% 38%,var(--reader-stage-center,#2a2823) 0,var(--reader-toolbar,#171613) 58%,var(--reader-stage-edge,#10100f) 100%);padding:24px 68px 54px}.book-frame{--zoom:1;position:relative;height:min(calc(100vh - 155px),780px);aspect-ratio:1.44;transform:scale(var(--zoom));transform-origin:center;perspective:2600px;filter:drop-shadow(0 28px 34px rgba(0,0,0,.46));transition:transform .18s ease;touch-action:none;user-select:none;-webkit-user-select:none}.book-frame:after{content:"";position:absolute;top:1.2%;bottom:1.2%;left:50%;width:1px;transform:translateX(-.5px);background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(255,255,255,.24),rgba(0,0,0,.18));box-shadow:0 0 16px rgba(0,0,0,.35);z-index:6;pointer-events:none}.base-sheet,.turn-face{position:absolute;top:0;height:100%;width:50%;background:#fff;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.base-sheet.left{left:0;border-radius:9px 0 0 9px;box-shadow:inset -18px 0 22px -24px rgba(0,0,0,.7)}.base-sheet.right{right:0;border-radius:0 9px 9px 0;box-shadow:inset 18px 0 22px -24px rgba(0,0,0,.7)}.base-sheet img,.turn-face img{width:100%;height:100%;object-fit:contain;background:#fff;display:block;pointer-events:none}.base-sheet.blank,.turn-face.blank{background:transparent;box-shadow:none}.base-sheet.locked,.turn-face.locked{display:grid;place-items:center;background:linear-gradient(145deg,#f7f0e5,#e7d6c2);color:#4f4034;text-align:center;padding:20px}.lock-gate{max-width:88%;font-size:14px}.lock-icon{font-size:34px;margin-bottom:5px}.page-error{padding:20px;color:#5a4635;background:#fff}.turning-sheet{position:absolute;top:0;height:100%;width:50%;z-index:9;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;pointer-events:none}.turning-sheet.right,.turning-sheet.forward{right:0;transform-origin:left center}.turning-sheet.left,.turning-sheet.back{left:0;transform-origin:right center}.turn-face{inset:0;width:100%;height:100%}.turn-face.front{transform:rotateY(0deg)}.turn-face.back{transform:rotateY(180deg)}.turning-sheet.forward .turn-face.front{border-radius:0 9px 9px 0}.turning-sheet.forward .turn-face.back{border-radius:9px 0 0 9px}.turning-sheet.back .turn-face.front{border-radius:9px 0 0 9px}.turning-sheet.back .turn-face.back{border-radius:0 9px 9px 0}.turn-gloss,.turn-shadow{position:absolute;inset:0;pointer-events:none;backface-visibility:hidden}.turn-gloss{z-index:3;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.8) 48%,rgba(255,255,255,.12) 70%,rgba(0,0,0,.18));mix-blend-mode:soft-light}.turn-shadow{z-index:-1;opacity:0;background:rgba(0,0,0,.68);filter:blur(18px);transform-origin:center}.book-frame.dragging{cursor:grabbing}.book-frame:not(.dragging){cursor:grab}.thumb.active{outline:2px solid var(--reader-accent,#b87842);outline-offset:2px}.drag-hint{position:absolute;bottom:14px;right:18px;color:rgba(255,255,255,.4);font-size:11px;pointer-events:none}.reader-bottom{z-index:15}
@media(max-width:900px){.reader-shell{height:calc(100vh - 58px)}.stage{height:calc(100vh - 58px);padding:18px 52px 50px}.book-frame{height:min(calc(100vh - 145px),760px);width:min(88vw,540px);aspect-ratio:.72}.book-frame:after{display:none}.base-sheet.left{display:none}.base-sheet.right{left:0;right:auto;width:100%;border-radius:9px}.turning-sheet,.turning-sheet.right,.turning-sheet.left,.turning-sheet.full{left:0;right:auto;width:100%}.turning-sheet.forward{transform-origin:left center}.turning-sheet.back{transform-origin:right center}.turn-face{width:100%}.turning-sheet .turn-face.front,.turning-sheet .turn-face.back{border-radius:9px}.theme-color-grid{grid-template-columns:1fr}}
@media(max-width:620px){.reader-shell,.stage{height:calc(100vh - 54px)}.book-frame{height:min(calc(100vh - 130px),700px);width:min(86vw,490px)}.drag-hint{display:none}.brand-copy small{display:none}.brand-logo{height:34px;max-width:110px}.preview-body h4,.preview-body p{max-width:100%}.preview-card{display:none}}

/* v0.3 storefront-first navigation + mobile hardening */
.nav{position:relative;justify-content:space-between}.navlinks{display:flex;align-items:center;gap:8px;margin-left:auto}.navlinks>a,.nav-signout button{padding:9px 11px;border-radius:9px;font-weight:700;font-size:14px}.navlinks>a:hover,.nav-signout button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-store{color:var(--accent2)}.nav-admin{background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-signout{display:inline}.nav-signout button{border:0;background:transparent;color:inherit;cursor:pointer}.nav-toggle{display:none;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:10px;width:42px;height:42px;font-size:20px;line-height:1;cursor:pointer}.nav-login{border:1px solid var(--line)}
.hero,.section{overflow-x:clip}.card,.panel,.auth-box{min-width:0}.card-body .actions{flex-wrap:wrap}.cover img{max-width:100%}.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.field input,.field textarea,.field select{min-width:0;max-width:100%}

/* v0.3 page-turn engine */
.reader-page{width:100%;height:100dvh;overflow:hidden}.reader-top{height:58px;min-height:58px;padding-top:env(safe-area-inset-top);box-sizing:content-box}.reader-shell{height:calc(100dvh - 58px - env(safe-area-inset-top));overflow:hidden}.stage{height:100%;min-height:0;overflow:hidden;isolation:isolate}.book-frame{filter:none;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;perspective:2600px;box-shadow:0 30px 50px rgba(0,0,0,.34);border-radius:10px}.book-frame:before{content:"";position:absolute;inset:-1px;border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 22px 45px rgba(0,0,0,.30);pointer-events:none;z-index:-2}.turning-sheet[hidden]{display:none!important}.turning-sheet{transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;transition:none!important}.turn-face{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.turn-face.front{transform:rotateY(0.01deg)}.turn-face.back{transform:rotateY(180.01deg)}.turn-gloss{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 28%,rgba(255,255,255,.78) 49%,rgba(255,255,255,.12) 67%,rgba(0,0,0,.24) 100%);will-change:transform,opacity}.turn-shadow{z-index:-1;inset:2% -3%;border-radius:18px;will-change:transform,opacity}.spine-shadow{position:absolute;z-index:8;top:0;bottom:0;left:50%;width:28px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.26),rgba(0,0,0,.08) 35%,transparent 72%);opacity:.35;transition:opacity .08s linear}.book-frame.is-turning .spine-shadow{transition:none}.base-sheet.loading:after,.turn-face.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:pageShimmer 1s linear infinite}@keyframes pageShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.nav-arrow:disabled{opacity:.22;cursor:default;pointer-events:none}.nav-arrow{z-index:20;touch-action:manipulation}.reader-bottom{bottom:max(12px,env(safe-area-inset-bottom));white-space:nowrap}.book-frame{touch-action:none}.book-frame.dragging{cursor:grabbing}.book-frame:not(.dragging){cursor:grab}

@media(max-width:900px){
  .nav-toggle{display:grid;place-items:center}.navlinks{display:none;position:absolute;top:calc(100% + 8px);right:0;left:0;margin:0;padding:10px;background:var(--paper2);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.16);flex-direction:column;align-items:stretch;z-index:90}.navlinks.open{display:flex}.navlinks>a,.nav-signout button{display:block;width:100%;text-align:left;padding:12px 13px}.nav-signout{width:100%}.brand-copy{min-width:0}.brand-copy b,.brand-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
  .hero-grid,.book-detail,.layout-2{grid-template-columns:1fr!important}.hero-card{max-width:540px;width:100%;margin-inline:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{gap:8px}.actions .btn{flex:0 1 auto}
  .reader-shell{height:calc(100dvh - 58px - env(safe-area-inset-top))}.stage{padding:14px 48px calc(48px + env(safe-area-inset-bottom))}.book-frame{height:min(calc(100dvh - 154px - env(safe-area-inset-top)),760px);width:min(88vw,540px);max-width:calc(100vw - 92px);aspect-ratio:.72;box-shadow:0 24px 42px rgba(0,0,0,.38)}.base-sheet.left{display:none}.base-sheet.right{left:0;right:auto;width:100%;border-radius:9px}.turning-sheet,.turning-sheet.right,.turning-sheet.left,.turning-sheet.full{left:0;right:auto;width:100%}.turning-sheet.forward{transform-origin:left center}.turning-sheet.back{transform-origin:right center}.turn-face{width:100%}.book-frame:after{display:none}.spine-shadow{display:none}.thumbs.open{width:min(82vw,340px);z-index:35}.reader-title{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:620px){
  .container{width:min(100% - 20px,var(--container-width))}.topbar .nav{height:62px;gap:10px}.brandmark{flex:0 0 auto}.brand-copy b{font-size:13px}.brand-copy small{display:none}.hero{padding:34px 0}.hero h1{font-size:clamp(36px,12vw,52px);line-height:1.02}.lead{font-size:16px}.grid{grid-template-columns:1fr}.card{max-width:520px;width:100%;margin-inline:auto}.book-detail{gap:22px}.book-detail .cover{max-width:360px;margin-inline:auto}.auth-box{width:min(calc(100% - 20px),520px);margin:24px auto;padding:18px}.section{padding-block:34px}.section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:26px}.sidebar{display:flex;gap:6px;overflow:auto;white-space:nowrap;padding:8px;position:static}.layout-2{gap:12px}.admin-savebar{bottom:max(8px,env(safe-area-inset-bottom));padding:8px}.theme-preview{overflow:hidden}
  .reader-top{height:54px;min-height:54px}.reader-shell{height:calc(100dvh - 54px - env(safe-area-inset-top))}.stage{padding:10px 38px calc(44px + env(safe-area-inset-bottom))}.book-frame{width:min(88vw,480px);max-width:calc(100vw - 70px);height:min(calc(100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),690px)}.nav-arrow{width:38px;height:38px}.nav-arrow.prev{left:5px}.nav-arrow.next{right:5px}.reader-tools .optional{display:none}.reader-title{max-width:40vw;font-size:12px}.reader-bottom{font-size:12px;padding:6px 10px}.thumbs.open{top:0;height:100%;width:min(86vw,320px)}
}
@media(max-width:380px){.stat-grid{grid-template-columns:1fr}.brand-copy b{max-width:44vw}.stage{padding-left:34px;padding-right:34px}.book-frame{max-width:calc(100vw - 64px)}}

/* v0.3.3 smooth-turn compositor hotfix */
.turning-sheet{contain:layout paint style;will-change:transform;transform-origin:inherit;backface-visibility:visible}
.turn-face{will-change:transform;transform:translateZ(.01px);image-rendering:auto}
.turn-face img,.base-sheet img{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.book-frame.is-turning .base-sheet,.book-frame.is-turning .turn-face{pointer-events:none}
.turn-gloss{filter:none;mix-blend-mode:soft-light}
.turn-shadow{filter:blur(14px)}
@media (prefers-reduced-motion:reduce){.thumbs,.spread{transition-duration:.01ms!important}}
/* flexible 2D curl surface: keeps a visible fold through the spine instead of a rigid edge-on card */
.turning-sheet .turn-face.front,.turning-sheet .turn-face.back{transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.turning-sheet{perspective:none!important;backface-visibility:visible!important}


/* v0.3.3 reference-style light desk reader */
.reader-page.reader-scene-desk-light,
.reader-page.reader-scene-minimal-light{color:#332f2b;background:#f4f1ec}
.reader-scene-desk-light .reader-top,
.reader-scene-minimal-light .reader-top{
  background:rgba(255,255,255,.88)!important;color:#302d29!important;
  border-bottom:1px solid rgba(93,77,63,.12);box-shadow:0 1px 14px rgba(91,72,55,.07);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)
}
.reader-scene-desk-light .reader-title,.reader-scene-minimal-light .reader-title{color:#302d29}
.reader-scene-desk-light .iconbtn,.reader-scene-minimal-light .iconbtn{
  color:#38332f;background:rgba(255,255,255,.92);border:1px solid rgba(91,76,63,.16);
  box-shadow:0 4px 14px rgba(75,59,45,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
.reader-scene-desk-light .iconbtn:hover,.reader-scene-minimal-light .iconbtn:hover{background:#fff;border-color:rgba(91,76,63,.26);transform:translateY(-1px)}
.reader-scene-desk-light .thumbs,.reader-scene-minimal-light .thumbs{background:rgba(249,247,243,.96);border-right:1px solid rgba(85,70,57,.13);box-shadow:10px 0 28px rgba(81,63,47,.07)}
.reader-scene-desk-light .thumb,.reader-scene-minimal-light .thumb{background:#fff;border-color:rgba(88,71,56,.16);box-shadow:0 5px 14px rgba(62,47,36,.07)}
.reader-scene-desk-light .thumb span,.reader-scene-minimal-light .thumb span{color:#746a62}
.reader-scene-desk-light .stage{
  background:
    radial-gradient(ellipse at 43% 39%,rgba(255,255,255,.98) 0 28%,rgba(250,249,246,.98) 52%,rgba(242,239,234,.98) 78%,rgba(235,231,224,.99) 100%)!important;
  padding-right:max(92px,9vw)
}
.reader-scene-desk-light .stage:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(118deg,rgba(255,255,255,.48),transparent 36%),
    repeating-linear-gradient(0deg,rgba(105,86,67,.012) 0,rgba(105,86,67,.012) 1px,transparent 1px,transparent 5px);
  opacity:.7
}
.reader-scene-minimal-light .stage{
  background:radial-gradient(ellipse at 50% 39%,#fff 0 32%,#f8f9fa 62%,#eceff3 100%)!important
}
.reader-scene-desk-light .book-frame{
  transform:translateX(clamp(-34px,-2.4vw,-10px)) scale(var(--zoom));
  box-shadow:0 26px 58px rgba(88,68,50,.18),0 5px 14px rgba(88,68,50,.10);
  border-radius:7px
}
.reader-scene-minimal-light .book-frame{
  box-shadow:0 24px 52px rgba(42,51,63,.15),0 4px 12px rgba(42,51,63,.08)
}
.reader-scene-desk-light .book-frame:before,.reader-scene-minimal-light .book-frame:before{
  box-shadow:0 0 0 1px rgba(76,61,48,.08),0 20px 42px rgba(83,63,47,.12)
}
.reader-scene-desk-light .base-sheet.left{box-shadow:inset -20px 0 24px -25px rgba(49,37,28,.34)}
.reader-scene-desk-light .base-sheet.right{box-shadow:inset 20px 0 24px -25px rgba(49,37,28,.34)}
.reader-scene-desk-light .spine-shadow{background:radial-gradient(ellipse at center,rgba(52,40,31,.19),rgba(52,40,31,.055) 38%,transparent 72%);opacity:.31}
.reader-scene-desk-light .nav-arrow,.reader-scene-minimal-light .nav-arrow{
  color:#5b5149;background:rgba(255,255,255,.82);border:1px solid rgba(91,76,63,.14);
  box-shadow:0 7px 20px rgba(70,54,42,.11);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
.reader-scene-desk-light .nav-arrow:hover,.reader-scene-minimal-light .nav-arrow:hover{background:#fff;color:#332d29;box-shadow:0 9px 24px rgba(70,54,42,.16)}
.reader-scene-desk-light .reader-bottom,.reader-scene-minimal-light .reader-bottom{
  color:#5a514a;background:rgba(255,255,255,.86);border:1px solid rgba(92,76,63,.13);
  box-shadow:0 4px 14px rgba(73,56,43,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
.reader-scene-desk-light .drag-hint,.reader-scene-minimal-light .drag-hint{color:rgba(67,57,49,.46)}

/* Decorative desk objects inspired by the light reference composition. */
.desk-props{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.desk-clip{position:absolute;display:block;width:225px;height:70px;border:4px solid rgba(177,130,107,.62);border-radius:999px;box-shadow:0 8px 15px rgba(111,75,55,.08);filter:saturate(.92)}
.desk-clip:after{content:"";position:absolute;inset:10px 17px;border:3px solid rgba(177,130,107,.47);border-radius:999px}
.clip-a{right:-76px;top:17%;transform:rotate(24deg)}
.clip-b{right:-22px;top:31%;transform:rotate(-27deg) scale(.94)}
.clip-c{right:-105px;top:47%;transform:rotate(42deg) scale(1.06)}
.clip-d{right:34px;top:60%;transform:rotate(-58deg) scale(.82)}
.clip-e{right:-80px;top:72%;transform:rotate(14deg) scale(1.12)}
.desk-pencil{position:absolute;right:-45px;top:8%;width:360px;height:8px;border-radius:999px;transform:rotate(-13deg);background:linear-gradient(90deg,rgba(181,139,117,.18),rgba(172,123,100,.64) 12%,rgba(220,184,163,.72) 55%,rgba(154,105,83,.52));box-shadow:0 7px 14px rgba(92,61,47,.08)}
.reader-scene-minimal-light .desk-props,.reader-scene-dark-studio .desk-props{display:none}

/* Dark Studio remains available as an admin-selectable alternative. */
.reader-scene-dark-studio .stage{background:radial-gradient(circle at 50% 38%,var(--reader-stage-center) 0,var(--reader-toolbar) 58%,var(--reader-stage-edge) 100%)!important}

@media(max-width:1100px){
  .reader-scene-desk-light .stage{padding-right:76px}
  .desk-clip{opacity:.72;transform-origin:center}
  .reader-scene-desk-light .book-frame{transform:translateX(-12px) scale(var(--zoom))}
}
@media(max-width:900px){
  .desk-props{display:none!important}
  .reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-right:48px;background:radial-gradient(ellipse at 50% 35%,#fff 0 38%,#f8f6f2 70%,#ece8e1 100%)!important}
  .reader-scene-desk-light .book-frame,.reader-scene-minimal-light .book-frame{transform:scale(var(--zoom));box-shadow:0 18px 36px rgba(70,54,42,.15)}
}
@media(max-width:620px){
  .reader-scene-desk-light .reader-top,.reader-scene-minimal-light .reader-top{background:rgba(255,255,255,.94)!important}
  .reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-left:38px;padding-right:38px;background:linear-gradient(180deg,#faf9f7,#f0ede8)!important}
  .reader-scene-desk-light .nav-arrow,.reader-scene-minimal-light .nav-arrow{background:rgba(255,255,255,.91)}
  .reader-scene-desk-light .book-frame,.reader-scene-minimal-light .book-frame{box-shadow:0 14px 28px rgba(70,54,42,.14)}
}

/* ===== v0.4.0 Commerce Storefront ===== */
.store-header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.store-nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.store-links{display:flex;align-items:center;justify-content:center;gap:28px}.store-links a{font-weight:720;color:var(--ink);font-size:14px}.store-actions{display:flex;align-items:center;gap:10px}.header-search{height:40px;border:1px solid var(--line);border-radius:999px;background:var(--paper2);display:flex;align-items:center;padding:0 7px 0 14px}.header-search input{border:0!important;background:transparent!important;padding:0!important;width:150px;outline:none;box-shadow:none!important}.header-search button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:19px;cursor:pointer}.account-button{border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:800;background:var(--paper2)}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:800;background:var(--paper2)}.account-menu summary::-webkit-details-marker{display:none}.account-popover{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:var(--paper2);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(24,18,12,.16);padding:12px;display:grid;gap:3px}.account-popover>b,.account-popover>small{padding:2px 8px}.account-popover>small{color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-popover a,.account-popover button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:9px;padding:9px 8px;color:var(--ink);font-weight:700;cursor:pointer}.account-popover a:hover,.account-popover button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.account-popover .backoffice-link{color:var(--accent)}.nav-toggle{display:none}
.storefront{min-height:70vh}.commerce-hero{padding:68px 0 78px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 72%,white),color-mix(in srgb,var(--paper2) 86%,var(--accent) 14%))}.commerce-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:54px}.hero-copy{max-width:680px}.hero-badge,.page-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:var(--accent)}.hero-copy h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:14px 0 22px;max-width:820px}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.hero-actions .btn{padding:14px 22px;border-radius:999px}.text-link{font-weight:820;color:var(--ink)}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:12px;font-weight:700;color:var(--muted)}.hero-showcase{height:470px;position:relative;isolation:isolate}.showcase-book{position:absolute;width:245px;aspect-ratio: .72;filter:drop-shadow(0 24px 28px rgba(37,25,15,.20));transition:.25s ease}.showcase-book img{width:100%;height:100%;object-fit:cover;border-radius:8px;background:#fff}.showcase-book.b1{left:4%;top:50px;transform:rotate(-9deg);z-index:1}.showcase-book.b2{left:31%;top:6px;transform:rotate(1deg);z-index:3}.showcase-book.b3{right:0;top:62px;transform:rotate(9deg);z-index:2}.showcase-book:hover{transform:translateY(-8px) rotate(0);z-index:5}.empty-showcase{width:300px;height:400px;margin:auto;border-radius:12px;background:linear-gradient(160deg,var(--accent),var(--accent2));box-shadow:0 30px 60px rgba(35,22,10,.25);color:white;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.empty-showcase span{letter-spacing:.15em;text-transform:uppercase;font-size:12px}.empty-showcase b{font:700 48px/1 var(--heading-font)}
.category-strip{padding:34px 0;border-bottom:1px solid var(--line);background:var(--paper2)}.section-label{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-label h2{margin:3px 0 0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}.section-label p{margin:7px 0 0;color:var(--muted)}.section-label>a{font-weight:800;color:var(--accent);white-space:nowrap}.category-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-cards a{min-height:82px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:15px;display:flex;flex-direction:column;justify-content:space-between;transition:.18s}.category-cards a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 10px 22px rgba(30,20,12,.07)}.category-cards span{font-weight:850}.category-cards small{color:var(--muted)}
.store-section{padding:68px 0}.store-section.alt{background:color-mix(in srgb,var(--paper) 65%,var(--paper2))}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{background:var(--paper2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s ease;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(35,25,16,.09)}.product-cover{display:block;aspect-ratio:.76;position:relative;overflow:hidden;background:#eee}.product-cover img{width:100%;height:100%;object-fit:cover;transition:.28s ease}.product-card:hover .product-cover img{transform:scale(1.025)}.preview-chip{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:#211b17;font-size:11px;font-weight:850}.product-info{padding:17px}.product-category{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:850}.product-info h3{font-size:20px;line-height:1.2;margin:8px 0 7px;min-height:48px}.product-info h3 a{color:var(--ink)}.product-author{font-size:13px;color:var(--muted)}.product-bottom{border-top:1px solid var(--line);margin-top:15px;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.product-bottom strong{font-size:20px}.mini-buy{font-weight:850;color:var(--accent)}.store-empty{grid-column:1/-1;padding:52px;border:1px dashed var(--line);border-radius:18px;text-align:center;background:var(--paper2);color:var(--muted)}
.benefits{padding:58px 0 72px;background:var(--ink);color:var(--paper2)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.benefits-grid>div{padding-right:24px}.benefits-grid span{color:color-mix(in srgb,var(--accent) 70%,white);font-weight:900;font-size:12px;letter-spacing:.12em}.benefits-grid h3{font-size:24px;margin:12px 0;color:#fff}.benefits-grid p{color:rgba(255,255,255,.68);line-height:1.65}
.shop-hero{padding:48px 0;background:linear-gradient(125deg,var(--paper),color-mix(in srgb,var(--paper2) 80%,var(--accent) 20%));border-bottom:1px solid var(--line)}.shop-hero>.container{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.shop-hero h1{font-size:clamp(42px,5vw,66px);margin:7px 0}.shop-hero p{color:var(--muted);font-size:17px;max-width:680px}.shop-search{display:flex;gap:8px;background:var(--paper2);border:1px solid var(--line);padding:7px;border-radius:14px;box-shadow:0 8px 28px rgba(30,20,12,.06)}.shop-search input{width:300px;border:0!important;box-shadow:none!important;background:transparent!important}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.category-pills a{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper2);font-size:13px;font-weight:800}.category-pills a.active{background:var(--ink);border-color:var(--ink);color:var(--paper2)}.shop-result-head{display:flex;justify-content:space-between;margin-bottom:22px}.shop-result-head h2{margin:0}.shop-result-head p{margin:4px 0;color:var(--muted)}
.store-page{padding:72px 0 90px;min-height:60vh}.container.narrow{max-width:820px}.store-page h1{font-size:clamp(42px,5vw,66px);letter-spacing:-.04em;margin:10px 0 30px}.rich-copy{font-size:17px;line-height:1.85;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.rich-copy p{margin:0 0 22px}.contact-card{margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper2);display:flex;flex-direction:column;gap:5px}.contact-card span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.contact-card a{font-size:22px;font-weight:850;color:var(--accent)}
.store-footer{background:color-mix(in srgb,var(--ink) 96%,black);color:white;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.footer-brand{font:800 24px var(--heading-font)}.footer-grid p{max-width:450px;color:rgba(255,255,255,.62);line-height:1.7}.footer-grid h4{margin:0 0 13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid a{color:rgba(255,255,255,.70)}.footer-grid a:hover{color:white}.footer-bottom{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.5);font-size:12px}.social-links{display:flex;gap:15px}.social-links a{color:rgba(255,255,255,.62)}

/* ===== v0.4.0 Dedicated Back Office ===== */
body.backoffice{margin:0;background:#f4f6f8;color:#1d2633;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.bo-shell{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.bo-sidebar{position:sticky;top:0;height:100vh;background:#10151d;color:#dce4ee;display:flex;flex-direction:column;border-right:1px solid #202a36;z-index:110}.bo-brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #202a36;color:white}.bo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#c6864c,#8a542b);font-weight:900}.bo-brand span:last-child{display:flex;flex-direction:column}.bo-brand small{color:#7f8b9b;font-size:10px;margin-top:1px;text-transform:uppercase;letter-spacing:.08em}.bo-nav{padding:16px 10px;overflow:auto;flex:1}.bo-group{display:grid;gap:3px;margin-bottom:18px}.bo-group>span{color:#68788a;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900;padding:0 10px 6px}.bo-group a{color:#aeb9c7;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:700}.bo-group a:hover{background:#18212c;color:white}.bo-group a.active{background:#253243;color:white;box-shadow:inset 3px 0 #c6864c}.bo-sidebar-foot{padding:12px;border-top:1px solid #202a36;display:grid;gap:5px}.bo-sidebar-foot a,.bo-sidebar-foot button{width:100%;border:0;background:transparent;color:#aeb9c7;text-align:left;padding:9px;border-radius:8px;font-weight:700;cursor:pointer}.bo-sidebar-foot a:hover,.bo-sidebar-foot button:hover{background:#18212c;color:white}.bo-main{min-width:0}.bo-top{height:76px;background:#fff;border-bottom:1px solid #e2e7ed;display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:80}.bo-top>div:nth-child(2){display:flex;flex-direction:column}.bo-top small{font-size:10px;color:#7c8999;text-transform:uppercase;letter-spacing:.08em}.bo-top strong{font-size:15px}.bo-user{margin-left:auto;text-align:right;display:flex;flex-direction:column}.bo-user span{font-size:13px;font-weight:800}.bo-menu{display:none;border:1px solid #d9e0e7;background:#fff;border-radius:8px;padding:8px 10px}.bo-content{padding:30px;max-width:1500px;margin:0 auto}.bo-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.bo-heading h1{font-family:inherit;font-size:31px;letter-spacing:-.03em;margin:0}.bo-heading p{color:#718096;margin:6px 0 0}.bo-heading-actions{display:flex;gap:8px}.bo-card{background:#fff;border:1px solid #e1e6ec;border-radius:13px;padding:22px;box-shadow:0 1px 2px rgba(16,24,40,.025)}.bo-card h2{font-family:inherit;font-size:18px;margin:0 0 16px}.bo-card p{color:#738195}.bo-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.bo-card-title h2{margin-bottom:3px}.bo-card-title p{margin:0}.bo-stack{display:grid;gap:18px}.bo-grid{display:grid;gap:18px}.bo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.4fr .8fr;margin:18px 0}.bo-field{display:grid;gap:6px;margin-bottom:15px}.bo-field label{font-size:12px;font-weight:800;color:#344052}.bo-field input,.bo-field textarea,.bo-field select,.bo-table input,.bo-table select{width:100%;border:1px solid #d7dee7;background:#fff;border-radius:8px;padding:10px 11px;color:#1d2633;outline:none}.bo-field input:focus,.bo-field textarea:focus,.bo-field select:focus,.bo-table input:focus,.bo-table select:focus{border-color:#9b6b45;box-shadow:0 0 0 3px rgba(155,107,69,.10)}.bo-field small{color:#7d8997}.switch-row{display:flex;align-items:center;gap:9px;color:#344052}.switch-row input{width:17px;height:17px}.bo-toggle-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.bo-toggle-grid .switch-row{padding:10px 12px;border:1px solid #e0e5eb;border-radius:9px;background:#f9fafb}.bo-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.bo-field.color-field>div{display:grid;grid-template-columns:45px 1fr;gap:7px}.bo-field.color-field input[type=color]{height:40px;padding:3px}.bo-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dee7;background:#fff;color:#273342;border-radius:8px;padding:10px 13px;font-weight:800;font-size:12px;cursor:pointer}.bo-btn.primary{background:#1c2735;color:#fff;border-color:#1c2735}.bo-btn.secondary{background:#fff}.bo-btn.danger{background:#fff;color:#a53b35;border-color:#efc6c3}.bo-btn.small{padding:7px 10px}.bo-save{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;background:rgba(244,246,248,.90);backdrop-filter:blur(10px);padding:12px 0;z-index:20}.bo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bo-stats>div{background:#fff;border:1px solid #e1e6ec;border-radius:12px;padding:18px;display:flex;flex-direction:column}.bo-stats span{color:#748194;font-size:12px}.bo-stats strong{font-size:28px;margin:8px 0 3px}.bo-stats small{color:#8a96a4}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{padding:15px;border:1px solid #e1e6ec;border-radius:10px;display:flex;flex-direction:column;gap:3px;color:#283443}.quick-grid a:hover{background:#f8fafc;border-color:#cfd8e2}.quick-grid small{color:#7a8797}.table-card{padding:0;overflow:hidden}.table-card>.bo-card-title{padding:20px 20px 0}.bo-table{width:100%;border-collapse:collapse;font-size:12px}.bo-table th{text-align:left;background:#f8fafb;color:#667386;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:11px 13px;border-bottom:1px solid #e2e7ed}.bo-table td{padding:12px 13px;border-bottom:1px solid #edf0f3;vertical-align:middle}.bo-table tr:last-child td{border-bottom:0}.bo-table td small{display:block;color:#8390a0;margin-top:3px}.bo-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;background:#eef2f6;color:#536273}.bo-status.paid,.bo-status.active,.bo-status.published{background:#e8f7ee;color:#28734b}.bo-status.pending,.bo-status.draft{background:#fff4dd;color:#956618}.bo-status.failed,.bo-status.revoked,.bo-status.cancelled{background:#feeceb;color:#a3433e}.catalog-title{display:flex;align-items:center;gap:10px;min-width:240px}.catalog-title img{width:42px;height:58px;object-fit:cover;border-radius:4px;background:#eee}.small-input{min-width:82px;max-width:100px}.tiny-check{display:flex!important;gap:4px!important;align-items:center;margin-top:6px;font-size:10px;color:#6f7d8d}.tiny-check input{width:auto!important}.inline-form{display:flex;gap:6px;align-items:center;min-width:250px}.inline-form select{min-width:100px}.system-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.system-list dt,.system-list dd{margin:0;padding:10px 0;border-bottom:1px solid #edf0f3}.system-list dt{color:#748194}.system-list dd{text-align:right;font-weight:800}.seo-preview{border:1px solid #e1e6ec;border-radius:10px;padding:16px;background:#fbfcfd}.seo-preview small{color:#7d8997}.seo-preview h3{font-family:inherit;color:#2356a8;margin:6px 0}.seo-preview p{margin:0;color:#596777}.bo-flash{margin:16px 30px 0;padding:12px 15px;border-radius:9px}.bo-flash.success{background:#e8f7ee;color:#266944}.bo-flash.error{background:#feeceb;color:#9f3d37}.bo-flash.info{background:#eaf2ff;color:#2d5f9f}

@media(max-width:1100px){.commerce-hero-grid{grid-template-columns:1fr .8fr}.hero-showcase{height:390px}.showcase-book{width:200px}.category-cards{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.header-search input{width:100px}.bo-color-grid{grid-template-columns:repeat(3,1fr)}.bo-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.store-nav{grid-template-columns:auto auto;justify-content:space-between;gap:10px;min-height:66px}.nav-toggle{display:block;border:1px solid var(--line);background:var(--paper2);border-radius:9px;padding:8px 10px}.store-links{position:absolute;top:66px;left:14px;right:14px;background:var(--paper2);border:1px solid var(--line);border-radius:14px;padding:10px;display:none;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 14px 38px rgba(25,18,12,.12)}.store-links.open{display:flex}.store-links a{padding:10px;border-radius:8px}.store-actions{grid-column:1/-1;display:none}.commerce-hero{padding:48px 0}.commerce-hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(43px,12vw,64px)}.hero-showcase{height:350px;margin-top:12px}.showcase-book{width:180px}.category-cards{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:1fr 1fr}.shop-hero>.container{grid-template-columns:1fr}.shop-search input{width:100%}.bo-shell{display:block}.bo-sidebar{position:fixed;left:-270px;width:255px;transition:.22s;box-shadow:18px 0 50px rgba(0,0,0,.20)}body.bo-open .bo-sidebar{left:0}.bo-menu{display:block}.bo-top{padding:0 16px}.bo-user{display:none}.bo-content{padding:20px 14px}.bo-heading{align-items:flex-start}.bo-stats{grid-template-columns:1fr 1fr}.bo-grid.two,.bo-grid.three,.dashboard-grid{grid-template-columns:1fr}.bo-color-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.commerce-hero-grid{gap:18px}.commerce-hero{padding-top:38px}.hero-showcase{height:280px}.showcase-book{width:145px}.showcase-book.b1{left:1%}.showcase-book.b2{left:27%}.category-cards{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr;gap:11px}.product-info{padding:12px}.product-info h3{font-size:16px;min-height:38px}.product-author{font-size:11px}.product-bottom strong{font-size:16px}.preview-chip{font-size:9px}.section-label{align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.shop-search{flex-direction:column}.shop-search .btn{width:100%}.store-page{padding:48px 0}.bo-stats{grid-template-columns:1fr 1fr;gap:8px}.bo-stats>div{padding:13px}.bo-stats strong{font-size:23px}.bo-color-grid,.bo-grid.four{grid-template-columns:1fr}.bo-heading{flex-direction:column}.bo-heading-actions{width:100%}.bo-heading-actions .bo-btn{flex:1}.bo-card{padding:16px}.bo-table{min-width:760px}}
.product-page{padding:30px 0 80px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:28px}.breadcrumbs a{color:var(--muted)}.product-detail{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}.product-detail-media{position:sticky;top:110px}.detail-cover{width:min(100%,470px);margin:auto;aspect-ratio:.76;background:#eee;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px rgba(30,20,12,.16)}.detail-cover img{width:100%;height:100%;object-fit:cover}.preview-wide{display:block;width:min(100%,470px);margin:14px auto 0;text-align:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper2);font-weight:850;color:var(--ink)}.product-detail-copy{padding-top:10px}.product-detail-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 12px}.product-byline{color:var(--muted)}.detail-price{font-size:32px;font-weight:900;margin:24px 0}.detail-description{font-size:16px;line-height:1.75;color:var(--muted);max-width:700px}.purchase-box{margin:30px 0 22px;padding:18px;border:1px solid var(--line);background:var(--paper2);border-radius:16px;display:grid;gap:10px}.purchase-box .big{width:100%;padding:14px}.purchase-box p{margin:5px 0 0;color:var(--muted);font-size:12px;text-align:center}.owned-label{padding:10px;border-radius:9px;background:color-mix(in srgb,var(--success) 12%,white);color:var(--success);font-weight:850;text-align:center}.detail-trust{border-top:1px solid var(--line);display:grid;gap:0}.detail-trust>div{display:grid;grid-template-columns:150px 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.detail-trust span{color:var(--muted)}
@media(max-width:800px){.product-detail{grid-template-columns:1fr;gap:34px}.product-detail-media{position:static}.detail-cover{max-width:380px}.product-detail-copy h1{font-size:42px}.detail-trust>div{grid-template-columns:1fr;gap:4px}}
.store-nav{position:relative}
@media(max-width:860px){.store-actions{display:flex;position:absolute;right:52px;top:13px;grid-column:auto}.header-search{display:none}.account-button,.account-menu summary{padding:8px 11px;font-size:12px}.account-popover{right:0}.store-links{top:66px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}.category-cards{grid-template-columns:1fr 1fr}.brand-copy small{display:none}.account-button{font-size:0}.account-button:after{content:'Account';font-size:11px}}
.catalog-edit-link{display:inline-block;margin-top:5px;color:#8a5d39;font-weight:800;font-size:10px}.catalog-edit-cover{width:150px;aspect-ratio:.76;margin-left:auto;border-radius:7px;overflow:hidden;box-shadow:0 12px 25px rgba(20,25,30,.12)}.catalog-edit-cover img{width:100%;height:100%;object-fit:cover}
.bo-login-page{margin:0;min-height:100vh;background:#0f151d;color:#e8edf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.bo-login{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.bo-login-brand{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:10px;color:white}.bo-login-brand>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#c6864c,#8a542b);font-weight:900}.bo-login-brand>div{display:flex;flex-direction:column}.bo-login-brand small{color:#7e8b9b;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.bo-login-card{width:min(440px,100%);background:#171f29;border:1px solid #25303d;border-radius:16px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.bo-login-kicker{font-size:10px;color:#c6864c;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.bo-login-card h1{font-family:inherit;font-size:30px;letter-spacing:-.03em;margin:8px 0}.bo-login-card>p{color:#8794a5;line-height:1.6}.bo-login-card form{display:grid;gap:14px;margin-top:22px}.bo-login-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#b6c0cc}.bo-login-card input{background:#0f151d;border:1px solid #2c3948;color:white;border-radius:9px;padding:12px}.bo-login-card button{border:0;border-radius:9px;background:#c6864c;color:#14100d;font-weight:900;padding:12px;cursor:pointer}.bo-login-store{display:block;margin-top:20px;text-align:center;color:#8996a6;font-size:12px}.bo-login-error{padding:10px 12px;background:#442321;border:1px solid #6e3430;border-radius:8px;color:#ffc0ba;font-size:12px}
.gateway-warning{padding:14px;border-radius:9px;background:#fff5df;border:1px solid #f2d59b;color:#825d1e}.gateway-warning p{margin:5px 0 0;color:#916c2e}.gateway-ok{padding:14px;border-radius:9px;background:#e9f7ef;border:1px solid #bfe3cd;color:#2e6f49}.bo-note{font-size:12px;line-height:1.6}

/* v0.4.1 compact grouped Back Office navigation */
.bo-nav-compact{padding:16px 10px;display:grid;align-content:start;gap:5px;overflow:auto;flex:1}.bo-section-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aeb9c7;padding:11px 12px;border-radius:9px;font-size:13px;font-weight:800}.bo-section-link:hover{background:#18212c;color:#fff}.bo-section-link.active{background:#253243;color:#fff;box-shadow:inset 3px 0 #c6864c}.bo-section-arrow{font-size:19px;line-height:1;color:#68788a;transition:transform .18s}.bo-section-link.active .bo-section-arrow{color:#c6864c;transform:translateX(2px)}
.bo-tabs{position:sticky;top:76px;z-index:70;background:#fff;border-bottom:1px solid #e2e7ed}.bo-tabs-inner{max-width:1500px;margin:0 auto;padding:0 30px;display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.bo-tabs a{position:relative;flex:0 0 auto;padding:14px 13px 12px;color:#6b7888;font-size:12px;font-weight:800;white-space:nowrap;border-bottom:2px solid transparent}.bo-tabs a:hover{color:#1d2633;background:#f8fafb}.bo-tabs a.active{color:#1d2633;border-bottom-color:#c6864c}.bo-tabs a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;background:#c6864c;border-radius:2px}.bo-tabs+.bo-flash{margin-top:16px}
@media(max-width:860px){.bo-tabs{top:76px}.bo-tabs-inner{padding:0 14px}.bo-tabs a{padding:13px 11px 11px}.bo-section-link{padding:12px}.bo-content{padding-top:18px}}

/* ===== v0.4.2 compact digital-book storefront + guest checkout ===== */
.store-density-compact .commerce-hero{padding:38px 0 42px}
.store-density-compact .commerce-hero-grid{gap:34px;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr)}
.store-density-compact .hero-copy h1{font-size:clamp(42px,5.3vw,66px);margin:10px 0 14px}
.store-density-compact .hero-copy>p{font-size:17px;line-height:1.55}
.store-density-compact .hero-actions{margin-top:18px}.store-density-compact .hero-trust{margin-top:17px;gap:13px}
.store-density-compact .hero-showcase{height:335px}.store-density-compact .showcase-book{width:180px}.store-density-compact .showcase-book.b1{top:42px}.store-density-compact .showcase-book.b2{top:4px}.store-density-compact .showcase-book.b3{top:48px}
.store-density-compact .category-strip{padding:22px 0}.store-density-compact .section-label{margin-bottom:15px}.store-density-compact .category-cards a{min-height:66px;padding:12px}
.store-density-compact .store-section{padding:38px 0}.store-density-compact .product-grid{gap:16px}.store-density-compact .product-info{padding:14px}.store-density-compact .product-info h3{font-size:18px;min-height:42px;margin:6px 0}
.store-density-compact .benefits{padding:36px 0 42px}.store-density-compact .benefits-head{margin-bottom:16px}.store-density-compact .benefits-grid{gap:22px}.store-density-compact .benefits-grid h3{font-size:21px;margin:8px 0}.store-density-compact .benefits-grid p{line-height:1.5}
.store-density-compact .store-footer{padding:34px 0 18px}.store-density-compact .footer-grid{gap:28px}.store-density-compact .footer-bottom{margin-top:22px}
.store-density-compact .shop-hero{padding:30px 0}.store-density-compact .shop-hero h1{font-size:clamp(38px,4.6vw,56px);margin:4px 0}.store-density-compact .shop-results{padding:30px 0}.store-density-compact .category-pills{margin-bottom:20px}.store-density-compact .shop-result-head{margin-bottom:15px}
.store-density-balanced .commerce-hero{padding:52px 0 58px}.store-density-balanced .hero-showcase{height:400px}.store-density-balanced .store-section{padding:50px 0}.store-density-balanced .benefits{padding:46px 0 55px}

.benefits-head{color:#fff}.benefits-head h2{color:#fff}.benefits-head p{color:rgba(255,255,255,.68);max-width:680px}.benefits-head .page-kicker{color:color-mix(in srgb,var(--accent) 70%,white)}
.checkout-page{padding:34px 0 56px}.checkout-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr);gap:28px;align-items:start;max-width:1050px}.checkout-book{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper2)}.checkout-book img{width:130px;aspect-ratio:.76;object-fit:cover;border-radius:7px;box-shadow:0 12px 28px rgba(30,20,12,.12)}.checkout-book h2{font-size:24px;margin:6px 0}.checkout-book strong{font-size:22px}.checkout-book p{font-size:12px;color:var(--muted);line-height:1.5}.checkout-card,.purchase-success,.access-card{border:1px solid var(--line);border-radius:18px;background:var(--paper2);padding:24px;box-shadow:0 16px 45px rgba(30,20,12,.07)}.checkout-card h1,.purchase-success h1,.access-card h1{font-size:clamp(32px,4vw,46px);margin:7px 0 12px}.checkout-card>p,.purchase-success>p,.access-card>p{color:var(--muted);line-height:1.65}.guest-checkout-form{display:grid;gap:13px;margin-top:18px}.guest-checkout-form label{display:grid;gap:6px;font-size:12px;font-weight:850}.guest-checkout-form input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.checkout-assurance{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.checkout-lines{display:grid;margin:16px 0;border-top:1px solid var(--line)}.checkout-lines>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.checkout-lines span{color:var(--muted)}.purchase-success{max-width:720px;margin:auto;text-align:center}.success-check{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:color-mix(in srgb,var(--success) 15%,white);color:var(--success);font-weight:900;font-size:22px}.purchase-summary{display:flex;justify-content:space-between;gap:18px;margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.access-link-box{text-align:left;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.access-link-box label{display:block;font-size:12px;font-weight:850;margin-bottom:6px}.access-link-box input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px}.access-link-box small{display:block;margin-top:7px;color:var(--muted);line-height:1.5}.access-entry{padding:48px 0}.access-card{max-width:680px;margin:auto}.my-books-page .grid{margin-top:12px}

@media(max-width:860px){.store-density-compact .commerce-hero{padding:30px 0}.store-density-compact .commerce-hero-grid{gap:14px}.store-density-compact .hero-showcase{height:265px}.store-density-compact .showcase-book{width:140px}.store-density-compact .store-section{padding:30px 0}.checkout-grid{grid-template-columns:1fr}.checkout-book{position:static}.checkout-card{padding:20px}}
@media(max-width:560px){.store-density-compact .commerce-hero{padding:25px 0 28px}.store-density-compact .hero-copy h1{font-size:clamp(36px,11vw,48px)}.store-density-compact .hero-copy>p{font-size:15px}.store-density-compact .hero-showcase{height:220px}.store-density-compact .showcase-book{width:118px}.store-density-compact .category-strip{padding:18px 0}.store-density-compact .store-section{padding:24px 0}.store-density-compact .benefits{padding:28px 0 32px}.checkout-page{padding:20px 0 34px}.checkout-book{grid-template-columns:86px 1fr;padding:13px}.checkout-book img{width:86px}.checkout-book h2{font-size:19px}.checkout-card,.purchase-success,.access-card{padding:17px;border-radius:14px}.purchase-summary{align-items:flex-start;flex-direction:column}.access-entry{padding:28px 0}}

/* v0.4.3 background settings */
.bo-current-asset{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid #d6dce5;border-radius:10px;background:#f8fafc;margin:12px 0 16px}.bo-current-asset label{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:13px}

/* ===== v0.4.4 featured hero, compact profile, centered reader, mobile alignment ===== */
/* Option A: the homepage hero renders one real Featured publication cover. */
.hero-featured-showcase{--hero-book-scale:1.18;--hero-highlight-opacity:.82;min-height:390px;height:390px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:visible}
.hero-featured-book{position:relative;z-index:5;display:block;width:clamp(245px,25vw,310px);aspect-ratio:.72;transform:rotate(2.5deg) scale(var(--hero-book-scale));transform-origin:center;transition:transform .28s ease,filter .28s ease;filter:drop-shadow(0 27px 32px rgba(43,28,18,.24))}
.hero-featured-book:hover{transform:rotate(0deg) scale(calc(var(--hero-book-scale) + .025));filter:drop-shadow(0 31px 38px rgba(43,28,18,.28))}
.hero-featured-book img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;background:var(--paper2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent)}
.hero-featured-label{position:absolute;left:50%;bottom:-31px;transform:translateX(-50%) rotate(-2.5deg);max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--paper2) 90%,var(--accent) 10%);color:var(--ink);box-shadow:0 8px 22px rgba(44,30,19,.10);font-size:11px;font-weight:800}
.hero-blob,.hero-ring,.hero-spark{position:absolute;display:block;pointer-events:none;opacity:var(--hero-highlight-opacity)}
.hero-blob{border-radius:55% 45% 60% 40%/48% 58% 42% 52%;filter:saturate(.82)}
.hero-blob.blob-one{z-index:1;width:310px;height:235px;right:3%;top:42px;background:color-mix(in srgb,var(--accent) 34%,var(--paper2) 66%);transform:rotate(-16deg)}
.hero-blob.blob-two{z-index:2;width:250px;height:205px;left:5%;bottom:28px;background:color-mix(in srgb,var(--accent2) 20%,var(--paper2) 80%);transform:rotate(21deg)}
.hero-ring{z-index:3;width:310px;height:310px;border:2px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:50%;right:3%;top:28px;transform:rotate(-12deg)}
.hero-ring:after{content:"";position:absolute;inset:27px;border:1px solid color-mix(in srgb,var(--accent2) 28%,transparent);border-radius:50%}
.hero-spark{z-index:4;right:11%;top:26px;color:var(--accent);font-size:29px;text-shadow:0 5px 18px color-mix(in srgb,var(--accent) 36%,transparent)}
.hero-featured-showcase.no-highlights .hero-blob,.hero-featured-showcase.no-highlights .hero-ring,.hero-featured-showcase.no-highlights .hero-spark{display:none}
.store-density-compact .hero-featured-showcase{height:345px;min-height:345px}
.store-density-balanced .hero-featured-showcase{height:405px;min-height:405px}

/* Simple profile / My Books button. */
.account-button.simple,.account-menu.simple summary{width:40px;height:40px;min-width:40px;padding:0!important;display:grid;place-items:center;border-radius:50%;font-size:0;background:color-mix(in srgb,var(--paper2) 94%,var(--accent) 6%);border:1px solid color-mix(in srgb,var(--line) 84%,var(--accent) 16%);transition:.18s ease}
.account-button.simple:hover,.account-menu.simple summary:hover{background:color-mix(in srgb,var(--paper2) 84%,var(--accent) 16%);border-color:color-mix(in srgb,var(--line) 54%,var(--accent) 46%);transform:translateY(-1px)}
.profile-icon{position:relative;width:17px;height:18px;display:block;color:var(--ink)}
.profile-icon:before{content:"";position:absolute;left:50%;top:0;width:6px;height:6px;transform:translateX(-50%);border:1.7px solid currentColor;border-radius:50%}
.profile-icon:after{content:"";position:absolute;left:50%;bottom:0;width:13px;height:7px;transform:translateX(-50%);border:1.7px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0}
.account-menu.simple summary::-webkit-details-marker{display:none}

/* Keep the physical book centered in the viewport. The thumbnail tray overlays instead of shifting the stage. */
.reader-shell{display:block!important;position:relative!important}
.reader-shell>.thumbs{position:absolute!important;left:0;top:0;bottom:0;height:100%!important;z-index:40}
.reader-shell>.thumbs .thumb-inner{height:100%!important}
.reader-shell>.stage{width:100%!important;height:100%!important;padding-left:68px!important;padding-right:68px!important}
.reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-left:68px!important;padding-right:68px!important}
.reader-scene-desk-light .book-frame,.reader-scene-minimal-light .book-frame{transform:scale(var(--zoom))!important;margin-inline:auto!important}

@media(max-width:860px){
  .hero-featured-showcase{height:330px;min-height:330px;margin-top:2px;overflow:hidden}
  .hero-featured-book{width:min(45vw,225px);transform:rotate(2deg) scale(clamp(.85,var(--hero-book-scale),1.20))}
  .hero-featured-book:hover{transform:rotate(2deg) scale(clamp(.85,var(--hero-book-scale),1.20))}
  .hero-blob.blob-one{width:230px;height:180px;right:5%;top:38px}.hero-blob.blob-two{width:205px;height:160px;left:8%;bottom:26px}.hero-ring{width:245px;height:245px;right:7%;top:33px}
  .reader-shell>.stage,.reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-left:48px!important;padding-right:48px!important}
}

@media(max-width:620px){
  /* Mobile storefront typography: consistently left aligned with controlled line lengths. */
  .commerce-hero-grid,.hero-copy,.section-label,.section-label>div,.benefits-head,.benefits-head>div,.shop-hero>.container,.shop-hero>.container>div,.shop-result-head,.product-detail-copy,.store-page .narrow,.checkout-card,.access-card{text-align:left!important}
  .hero-copy h1{max-width:11.5ch;text-wrap:balance;margin-left:0;margin-right:0;line-height:1.02}
  .hero-copy>p,.section-label p,.benefits-head p,.shop-hero p,.product-detail-copy .detail-description,.store-page .rich-copy{max-width:36rem;margin-left:0;margin-right:0;line-height:1.58}
  .hero-actions{justify-content:flex-start;align-items:center;gap:13px;flex-wrap:wrap}
  .hero-trust{display:grid!important;grid-template-columns:1fr;justify-items:start;gap:7px!important;text-align:left}
  .section-label{display:grid!important;grid-template-columns:1fr;gap:7px!important;align-items:start!important}
  .section-label>a{justify-self:start}.category-cards a,.product-info,.benefits-grid>div{text-align:left}
  .hero-featured-showcase{height:265px!important;min-height:265px!important;margin-top:0}
  .hero-featured-book{width:min(47vw,185px);transform:rotate(2deg) scale(clamp(.85,var(--hero-book-scale),1.10))}
  .hero-featured-label{bottom:-27px;max-width:105%;font-size:9px;padding:5px 8px}
  .hero-blob.blob-one{width:175px;height:135px;right:8%;top:30px}.hero-blob.blob-two{width:150px;height:118px;left:10%;bottom:18px}.hero-ring{width:185px;height:185px;right:8%;top:29px}.hero-spark{right:12%;top:19px;font-size:22px}
  .account-button.simple,.account-menu.simple summary{width:36px;height:36px;min-width:36px}
  .reader-shell>.stage,.reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-left:38px!important;padding-right:38px!important}
}

/* ===== v0.4.5 security, cover workflow and mobile storefront refinement ===== */
.mobile-nav-search{display:none}
.cover-upload-field{margin-top:14px}.catalog-edit-cover img{display:block;width:min(220px,100%);aspect-ratio:.72;object-fit:cover;border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(35,25,16,.12)}
.security-secret{display:grid;gap:8px;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.security-secret code{font-size:16px;letter-spacing:.08em;word-break:break-all}.security-secret input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper2)}.recovery-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recovery-code-grid code{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);text-align:center;font-weight:800}.bo-field-action{display:flex;flex-direction:column;justify-content:flex-end}.bo-btn.danger{background:#fff0ee;color:var(--danger);border-color:#e5b8b3}

@media(max-width:860px){
  /* Mobile header is one clean row: brand, profile, menu. */
  .store-nav{min-height:60px!important;display:flex!important;align-items:center!important;gap:8px!important;position:relative}
  .store-nav>.brand{min-width:0;max-width:calc(100% - 92px);gap:8px}.store-nav .brandmark{width:34px;height:34px;min-width:34px;border-radius:9px}.store-nav .brand-copy{min-width:0}.store-nav .brand-copy b{display:block;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.store-nav .brand-copy small{display:none}
  .store-actions{position:static!important;display:flex!important;margin-left:auto!important;gap:6px!important;order:2}.header-search{display:none!important}.nav-toggle{order:3;margin:0!important;width:36px;height:36px;padding:0!important;display:grid!important;place-items:center;border-radius:50%!important;font-size:17px}
  .account-button.simple,.account-menu.simple summary{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important}
  .store-links{top:calc(100% + 8px)!important;left:0!important;right:0!important;border-radius:16px!important;padding:10px!important;gap:3px!important;max-height:calc(100dvh - 82px);overflow:auto}.store-links a{padding:11px 12px!important}.mobile-nav-search{display:grid;grid-template-columns:1fr auto;gap:7px;padding:8px;margin-top:4px;border-top:1px solid var(--line)}.mobile-nav-search input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--paper)}.mobile-nav-search button{border:0;border-radius:10px;padding:0 13px;background:var(--accent);color:white;font-weight:800}

  /* The mobile hero is a designed composition rather than a collapsed desktop grid. */
  .commerce-hero{padding:22px 0 24px!important;overflow:hidden}.commerce-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.hero-copy{max-width:none!important;text-align:left!important}.hero-badge{font-size:10px!important;letter-spacing:.10em;line-height:1.35}.hero-copy h1{font-size:clamp(36px,10.5vw,46px)!important;line-height:1.01!important;letter-spacing:-.04em!important;max-width:10.8ch!important;margin:10px 0 13px!important;text-wrap:balance}.hero-copy>p{font-size:15px!important;line-height:1.55!important;max-width:34rem!important;margin:0!important}.hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin-top:18px!important}.hero-actions .btn{width:100%;min-height:44px;padding:11px 16px!important}.hero-actions .text-link{font-size:13px;white-space:nowrap}.hero-trust{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:15px!important;font-size:11px!important;line-height:1.35!important}.hero-trust span{display:flex;align-items:flex-start;gap:5px}
  .hero-featured-showcase{height:300px!important;min-height:300px!important;margin-top:2px!important;border-radius:22px;overflow:hidden!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--paper2)),color-mix(in srgb,var(--accent2) 6%,var(--paper)));border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));box-shadow:inset 0 1px rgba(255,255,255,.45)}.hero-featured-book{width:min(46vw,188px)!important;transform:rotate(2deg) scale(clamp(.92,var(--hero-book-scale),1.12))!important}.hero-featured-book:hover{transform:rotate(2deg) scale(clamp(.92,var(--hero-book-scale),1.12))!important}.hero-featured-label{bottom:-24px!important;max-width:115%!important;font-size:9px!important;padding:5px 8px!important}.hero-blob.blob-one{width:195px!important;height:148px!important;right:5%!important;top:31px!important}.hero-blob.blob-two{width:170px!important;height:130px!important;left:7%!important;bottom:21px!important}.hero-ring{width:205px!important;height:205px!important;right:7%!important;top:34px!important}.hero-spark{right:13%!important;top:19px!important;font-size:22px!important}

  /* Compact sections, with no large empty gaps. */
  .category-strip{padding:20px 0!important}.store-section{padding:28px 0!important}.section-label{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-bottom:15px!important;text-align:left!important}.section-label h2{font-size:clamp(27px,8vw,34px)!important;line-height:1.05;margin-top:2px!important}.section-label p{font-size:14px;line-height:1.5;margin:5px 0 0!important}.section-label>a{justify-self:start;font-size:12px}.category-cards{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-cards::-webkit-scrollbar{display:none}.category-cards a{flex:0 0 148px;min-height:76px!important;padding:12px!important;scroll-snap-align:start;border-radius:13px!important}.category-cards span{font-size:13px}.category-cards small{font-size:11px}

  /* Books become readable compact rows instead of tiny two-column cards. */
  .product-grid{grid-template-columns:1fr!important;gap:10px!important}.product-card{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:160px;border-radius:14px!important}.product-cover{height:100%;min-height:160px;aspect-ratio:auto!important}.product-cover img{height:100%;object-fit:cover}.preview-chip{left:8px!important;bottom:8px!important;font-size:8px!important;padding:5px 7px!important}.product-info{padding:13px!important;display:flex;flex-direction:column;min-width:0;text-align:left!important}.product-category{font-size:9px!important}.product-info h3{font-size:18px!important;line-height:1.12!important;min-height:0!important;margin:6px 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-author{font-size:11px!important}.product-bottom{margin-top:auto!important;padding-top:10px!important}.product-bottom strong{font-size:17px!important}.mini-buy{font-size:11px}.store-empty{padding:28px 18px!important}

  .benefits{padding:30px 0 34px!important}.benefits-grid{gap:10px!important}.benefits-grid>div{padding:14px 0!important;border-top:1px solid rgba(255,255,255,.12)}.benefits-grid h3{font-size:21px!important;margin:6px 0!important}.benefits-grid p{font-size:13px;line-height:1.5;margin:0}.benefits-grid span{font-size:10px}
  .footer-grid{gap:20px!important}.store-footer{padding:32px 0 18px!important}.footer-grid p{line-height:1.55;font-size:13px}.footer-bottom{margin-top:22px!important}

  .shop-hero{padding:26px 0!important}.shop-hero>.container{gap:16px!important}.shop-hero h1{font-size:clamp(36px,10vw,45px)!important;line-height:1.03;margin:5px 0 10px!important}.shop-hero p{font-size:14px!important;line-height:1.5}.shop-search{width:100%;display:grid!important;grid-template-columns:1fr auto!important}.shop-search input{width:100%!important;min-width:0}.shop-search .btn{width:auto!important}.category-pills{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px;margin-bottom:18px!important;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pills a{flex:0 0 auto;font-size:11px;padding:8px 12px}

  .product-page{padding:20px 0 38px!important}.breadcrumbs{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-detail{grid-template-columns:1fr!important;gap:22px!important}.product-detail-media{position:static!important}.detail-cover{max-width:250px!important;margin:0 auto!important}.preview-wide{max-width:250px;margin:10px auto 0}.product-detail-copy{text-align:left!important}.product-detail-copy h1{font-size:clamp(34px,9.5vw,44px)!important;line-height:1.02!important}.detail-price{font-size:28px!important}.purchase-box .btn.big{width:100%}.detail-trust>div{grid-template-columns:1fr!important;gap:3px!important}.detail-trust span{font-size:12px;line-height:1.45}
  .store-page{padding:34px 0 50px!important}.store-page h1{font-size:clamp(36px,10vw,46px)!important;margin:8px 0 20px!important}.rich-copy{font-size:15px!important;line-height:1.68!important}.contact-card{padding:17px!important}.contact-card a{font-size:17px!important;overflow-wrap:anywhere}

  .checkout-page{padding:18px 0 34px!important}.checkout-book{grid-template-columns:90px 1fr!important;gap:12px!important;padding:12px!important}.checkout-book img{width:90px!important;aspect-ratio:.72;object-fit:cover}.checkout-book h2{font-size:19px!important}.checkout-card,.purchase-success,.access-card{padding:17px!important;border-radius:14px!important}.checkout-card h1,.purchase-success h1,.access-card h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.04}.guest-checkout-form input{min-height:44px}.purchase-summary{flex-direction:column!important;align-items:flex-start!important}.access-link-box input{font-size:10px}

  /* Reader: use the viewport's true center, not the old stage offset. */
  .reader-shell>.stage,.reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:8px 34px calc(44px + env(safe-area-inset-bottom))!important;width:100%!important}.reader-shell>.stage>.book-frame{position:relative!important;margin:0 auto!important;left:auto!important;right:auto!important;align-self:center!important;justify-self:center!important;transform:scale(var(--zoom))!important;height:min(calc(100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),690px)!important;width:auto!important;max-width:calc(100vw - 68px)!important;aspect-ratio:.72!important}.reader-scene-desk-light .book-frame,.reader-scene-minimal-light .book-frame{transform:scale(var(--zoom))!important}.nav-arrow.prev{left:4px!important}.nav-arrow.next{right:4px!important}.reader-bottom{bottom:max(8px,env(safe-area-inset-bottom))!important}.drag-hint{display:none!important}
}

@media(max-width:430px){
  .container{width:calc(100% - 24px)!important}.store-nav .brand-copy b{max-width:43vw}.hero-copy h1{font-size:clamp(34px,10vw,41px)!important;max-width:10.4ch!important}.hero-actions{grid-template-columns:1fr!important}.hero-actions .text-link{justify-self:start;padding:4px 2px}.hero-featured-showcase{height:278px!important;min-height:278px!important}.hero-featured-book{width:min(48vw,176px)!important}.product-card{grid-template-columns:104px minmax(0,1fr);min-height:148px}.product-cover{min-height:148px}.product-info h3{font-size:17px!important}.recovery-code-grid{grid-template-columns:1fr 1fr}.bo-grid.three{grid-template-columns:1fr!important}
  .reader-shell>.stage,.reader-scene-desk-light .stage,.reader-scene-minimal-light .stage{padding-left:31px!important;padding-right:31px!important}.reader-shell>.stage>.book-frame{max-width:calc(100vw - 62px)!important}
}

/* ===== v0.4.5 final mobile storefront composition ===== */
.hero-mobile-book{display:none}.hero-admin-current{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center}.hero-admin-current>img{width:96px;aspect-ratio:.72;object-fit:cover;border-radius:10px;border:1px solid var(--line);box-shadow:0 10px 24px rgba(24,18,12,.12)}.hero-admin-current h2{font-size:25px;margin:4px 0 7px}.hero-admin-current p{margin:0 0 12px;color:var(--muted)}.bo-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:900}.bo-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

@media(max-width:860px){
  /* Keep the storefront compact and editorial on a phone. */
  body.storefront{overflow-x:hidden}.store-header{background:color-mix(in srgb,var(--paper) 96%,transparent)}
  .store-nav{min-height:58px!important}.store-nav>.brand{max-width:calc(100% - 86px)!important}.store-nav .brand-copy b{font-size:12.5px!important;max-width:47vw!important}.store-nav .brandmark{width:32px!important;height:32px!important;min-width:32px!important}.account-button.simple,.account-menu.simple summary,.nav-toggle{width:34px!important;height:34px!important;min-width:34px!important}
  .store-links{top:calc(100% + 5px)!important;border-radius:0 0 15px 15px!important;border-top:0!important;box-shadow:0 18px 32px rgba(25,18,12,.13)!important}.store-links a{font-size:13px!important;text-align:left!important}

  .commerce-hero{padding:18px 0 20px!important}.commerce-hero-grid{grid-template-columns:1fr!important;gap:0!important}.hero-copy{width:100%;text-align:left!important}.hero-badge{font-size:9.5px!important;letter-spacing:.09em!important}.hero-copy h1{font-size:clamp(32px,9.4vw,40px)!important;line-height:1.03!important;letter-spacing:-.035em!important;max-width:none!important;margin:8px 0 10px!important;text-wrap:pretty!important}.hero-copy>p{font-size:14px!important;line-height:1.5!important;max-width:none!important;margin:0!important;color:var(--muted)}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:14px!important}.hero-actions .btn{width:100%!important;min-height:42px!important;padding:10px 15px!important;border-radius:12px!important}.hero-actions .text-link{justify-self:start!important;font-size:12px!important;padding:5px 1px!important}
  .hero-trust{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:10px!important}.hero-trust span{display:inline-flex!important;align-items:center!important;width:auto!important;padding:5px 8px!important;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%);font-size:9.5px!important;line-height:1.2!important;color:var(--ink)}
  .hero-featured-showcase{display:none!important}.hero-mobile-book{position:relative;display:grid!important;grid-template-columns:86px minmax(0,1fr);gap:13px;align-items:center;margin-top:14px;padding:12px 14px 12px 12px;min-height:132px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--paper2)),color-mix(in srgb,var(--accent2) 5%,var(--paper)));overflow:hidden;box-shadow:0 10px 24px rgba(35,25,16,.06)}.hero-mobile-book:after{content:"";position:absolute;width:120px;height:120px;right:-47px;top:-57px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);pointer-events:none}.hero-mobile-book img{position:relative;z-index:1;width:86px;height:120px;object-fit:cover;border-radius:7px;box-shadow:0 9px 20px rgba(35,23,14,.17);transform:rotate(-2deg)}.hero-mobile-book>span{position:relative;z-index:1;display:grid;gap:4px;min-width:0}.hero-mobile-book small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:900}.hero-mobile-book b{font:700 18px/1.13 var(--heading-font);color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hero-mobile-book em{font-style:normal;font-size:11px;font-weight:850;color:var(--accent)}

  .category-strip{padding:18px 0!important}.store-section{padding:24px 0!important}.section-label{gap:4px!important;margin-bottom:12px!important}.section-label h2{font-size:27px!important;line-height:1.08!important;letter-spacing:-.025em!important;text-wrap:pretty}.section-label p{font-size:13px!important;line-height:1.45!important;max-width:none!important}.section-label>a{font-size:11px!important;margin-top:2px}
  .category-cards a{flex-basis:138px!important;min-height:70px!important;padding:11px!important}.category-cards span{font-size:12.5px!important}

  .product-grid{gap:9px!important}.product-card{grid-template-columns:100px minmax(0,1fr)!important;min-height:143px!important;box-shadow:none!important}.product-cover{min-height:143px!important}.product-info{padding:11px 12px!important}.product-info h3{font-size:16px!important;line-height:1.16!important;margin:5px 0!important}.product-author{font-size:10.5px!important}.product-bottom{padding-top:8px!important;margin-top:auto!important}.product-bottom strong{font-size:16px!important}.mini-buy{font-size:10.5px!important}.preview-chip{font-size:7.5px!important}

  .benefits{padding:26px 0 28px!important}.benefits-grid{grid-template-columns:1fr!important}.benefits-grid>div{padding:11px 0!important}.benefits-grid h3{font-size:19px!important}.benefits-grid p{font-size:12.5px!important;line-height:1.45!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:18px 22px!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h4{margin-bottom:8px}.footer-grid a{font-size:12px}.footer-bottom{display:grid!important;gap:9px!important;text-align:left!important}

  .shop-hero{padding:22px 0!important}.shop-hero h1{font-size:34px!important;line-height:1.05!important}.shop-hero p{font-size:13.5px!important}.shop-result-head h2{font-size:25px!important}.product-detail-copy h1{font-size:34px!important;line-height:1.04!important;text-wrap:pretty}.detail-description{font-size:14px!important;line-height:1.55!important}.detail-cover,.preview-wide{max-width:220px!important}.checkout-card,.purchase-success,.access-card{padding:16px!important}.checkout-card h1,.purchase-success h1,.access-card h1{font-size:30px!important;text-wrap:pretty}

  .hero-admin-current{grid-template-columns:74px minmax(0,1fr);gap:12px}.hero-admin-current>img{width:74px}.hero-admin-current h2{font-size:20px}.bo-row-actions{align-items:stretch}.bo-row-actions form{width:100%}.bo-row-actions .bo-btn{width:100%}
}

@media(max-width:390px){
  .container{width:calc(100% - 20px)!important}.hero-copy h1{font-size:31px!important}.hero-copy>p{font-size:13.5px!important}.hero-mobile-book{grid-template-columns:78px minmax(0,1fr);min-height:122px;padding:10px}.hero-mobile-book img{width:78px;height:108px}.hero-mobile-book b{font-size:17px}.product-card{grid-template-columns:92px minmax(0,1fr)!important;min-height:134px!important}.product-cover{min-height:134px!important}.product-info{padding:10px!important}.product-info h3{font-size:15.5px!important}.footer-grid{grid-template-columns:1fr 1fr!important}
}

/* ===== v0.4.6 commerce, analytics, customer trust and SEO ===== */
.hero-admin-current{max-width:860px;grid-template-columns:118px minmax(0,1fr);padding:22px!important;align-items:center;min-height:174px}
.hero-admin-current>img{width:118px;max-height:164px;object-fit:cover}
.hero-admin-current>div:last-child{min-width:0;max-width:640px}
.hero-admin-current.empty-hero{grid-template-columns:118px minmax(0,1fr);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#fff),#fff)}
.hero-admin-placeholder{width:118px;aspect-ratio:.72;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;display:grid;place-items:center;font-size:36px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--paper2))}
.hero-admin-current.empty-hero h2{max-width:none;margin:5px 0 7px}.hero-admin-current.empty-hero p{max-width:620px;line-height:1.55}

.seasonal-promo{background:var(--accent);color:#fff;text-align:center;padding:8px 16px;font-size:12px;font-weight:850;letter-spacing:.02em}
.discount-chip{position:absolute;top:12px;left:12px;z-index:3;padding:6px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 28%,transparent)}
.discount-chip.inline{position:static;display:inline-flex;vertical-align:middle;margin-left:8px;box-shadow:none}
.product-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.product-price del,.detail-price del,.checkout-price del{font-size:.66em;color:var(--muted);font-weight:650}.price-sale{color:var(--accent)}
.detail-price .price-sale{font-size:1em}
.policy-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.policy-shortcuts a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:800;color:var(--muted);background:var(--paper2)}.policy-shortcuts a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.purchase-policy-agree,.marketing-opt{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:color-mix(in srgb,var(--accent) 4%,var(--paper2))!important;font-size:12px!important;line-height:1.45!important;font-weight:600!important}.purchase-policy-agree input,.marketing-opt input{width:auto!important;margin-top:2px;flex:0 0 auto}.purchase-policy-agree a{text-decoration:underline;color:var(--accent);font-weight:800}

.newsletter-strip{margin-top:28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}.newsletter-strip h3{margin:0 0 4px;color:#fff;font-size:22px}.newsletter-strip p{margin:0;color:rgba(255,255,255,.68);max-width:620px}.newsletter-strip form{display:flex;gap:8px;align-items:center}.newsletter-strip input{min-width:250px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff;padding:0 15px}.newsletter-strip input::placeholder{color:rgba(255,255,255,.56)}.newsletter-strip .btn{min-height:42px}.newsletter-manage{font-size:11px;color:rgba(255,255,255,.6);text-decoration:underline}
.newsletter-unsubscribe{margin-top:20px;max-width:520px;display:grid;gap:12px}.newsletter-unsubscribe label{display:grid;gap:7px;font-weight:800}.newsletter-unsubscribe input{width:100%}

.discount-builder{display:grid;gap:16px}.discount-target-select{min-width:0}.discount-schedule-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--paper));color:var(--muted);font-size:12px;line-height:1.5}
.bo-status.unsubscribed,.bo-status.inactive{background:#eef0f2;color:#59616b}.bo-status.active{background:#e8f6ed;color:#17673a}
.reading-user-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.reading-user-summary>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--paper2)}.reading-user-summary span{display:block;color:var(--muted);font-size:11px}.reading-user-summary strong{display:block;margin-top:4px;font-size:22px}
.seo-preview{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.seo-preview small{color:var(--muted)}.seo-preview h3{margin:5px 0;color:#1a0dab;font:500 20px/1.25 Arial,sans-serif}.seo-preview p{margin:0;color:#4d5156;font:400 13px/1.45 Arial,sans-serif;max-width:680px}.seo-checklist{display:grid;gap:9px;margin-top:12px}.seo-checklist>div{display:flex;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper2)}.seo-checklist b{color:var(--accent)}

/* v0.4.6 mobile storefront: less desktop compression, stronger hierarchy */
@media(max-width:680px){
  .store-header{position:sticky}.store-nav{min-height:58px!important;padding:7px 0!important}.brand-copy small{display:none!important}.brand-copy b{font-size:13px!important}.brandmark{width:32px!important;height:32px!important}.nav-toggle{width:38px;height:38px;padding:0!important;display:grid!important;place-items:center;font-size:18px;border-radius:50%!important}
  .commerce-hero{padding:16px 0 18px!important}.commerce-hero-grid{gap:0!important}.hero-badge{display:block!important;font-size:9px!important;line-height:1.35!important;margin:0 0 7px!important}.hero-copy h1{font-size:clamp(30px,8.9vw,38px)!important;line-height:1.02!important;letter-spacing:-.032em!important;margin:0 0 10px!important;max-width:12.5ch!important}.hero-copy>p{font-size:13.5px!important;line-height:1.48!important;max-width:35ch!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:14px!important}.hero-actions .btn{min-height:42px!important;width:100%!important;border-radius:12px!important}.hero-actions .text-link{font-size:12px!important;padding:5px 2px!important}.hero-trust{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:12px!important}.hero-trust span{border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--paper2));border-radius:10px;padding:7px 8px;font-size:9.7px!important;line-height:1.25!important}.hero-trust span:last-child{grid-column:1/-1}
  .hero-mobile-book{grid-template-columns:74px minmax(0,1fr)!important;min-height:112px!important;padding:9px 11px 9px 9px!important;margin-top:12px!important;border-radius:14px!important}.hero-mobile-book img{width:74px!important;height:103px!important}.hero-mobile-book b{font-size:16px!important}.hero-mobile-book em{font-size:10px!important}
  .category-strip{padding:15px 0!important}.section-label{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:4px 10px!important;margin-bottom:11px!important}.section-label>div{min-width:0}.section-label h2{font-size:24px!important;margin-top:2px!important}.section-label p{font-size:12px!important;line-height:1.4!important;margin-top:3px!important}.section-label>a{font-size:10px!important;align-self:end!important}.category-cards{gap:7px!important}.category-cards a{flex-basis:128px!important;min-height:64px!important;padding:10px!important;border-radius:11px!important}.category-cards span{font-size:11.5px!important}.category-cards small{font-size:9.5px!important}
  .store-section{padding:20px 0!important}.product-grid{gap:8px!important}.product-card{grid-template-columns:88px minmax(0,1fr)!important;min-height:127px!important;border-radius:12px!important}.product-cover{min-height:127px!important}.product-info{padding:9px 10px!important}.product-category{font-size:8px!important}.product-info h3{font-size:15px!important;line-height:1.15!important;margin:4px 0!important}.product-author{font-size:9.5px!important}.product-bottom{margin-top:7px!important;padding-top:7px!important}.product-bottom strong{font-size:14px!important}.mini-buy{font-size:9.5px!important}.discount-chip{top:6px;left:6px;padding:4px 6px;font-size:7.5px}.preview-chip{left:6px!important;bottom:6px!important;padding:4px 6px!important}
  .benefits{padding:22px 0!important}.benefits-grid{gap:0!important}.benefits-grid>div{padding:10px 0!important;border-top:1px solid rgba(255,255,255,.12)}.benefits-grid h3{font-size:18px!important;margin:5px 0!important}.benefits-grid p{font-size:12px!important;margin:0!important}
  .shop-hero>.container{gap:14px!important}.shop-hero h1{font-size:31px!important}.shop-search{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important}.shop-search .btn{width:auto!important}.category-pills{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pills a{white-space:nowrap}
  .product-detail{gap:18px!important}.product-detail-copy h1{font-size:31px!important}.detail-cover{max-width:180px!important;margin-inline:auto}.preview-wide{max-width:180px!important;margin-inline:auto}.detail-price{font-size:25px!important}.detail-trust{grid-template-columns:1fr!important}.policy-shortcuts{gap:5px}.policy-shortcuts a{font-size:9.5px;padding:6px 8px}
  .newsletter-strip{grid-template-columns:1fr!important;gap:12px!important;padding:18px 0!important}.newsletter-strip h3{font-size:18px!important}.newsletter-strip p{font-size:11.5px!important;line-height:1.4!important}.newsletter-strip form{display:grid!important;grid-template-columns:1fr auto!important;width:100%}.newsletter-strip input{min-width:0!important;width:100%!important}.newsletter-strip .btn{padding-inline:13px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:17px!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-brand{font-size:17px!important}.footer-grid p{font-size:11px!important}.footer-grid h4{font-size:11px!important}.footer-grid a{font-size:10.5px!important}.footer-bottom{font-size:10px!important}
  .seasonal-promo{font-size:10px;padding:7px 10px}
  .checkout-grid{gap:12px!important}.checkout-book{grid-template-columns:72px minmax(0,1fr)!important;padding:10px!important}.checkout-book img{width:72px!important}.checkout-book h2{font-size:17px!important}.checkout-card{padding:14px!important}.checkout-card h1{font-size:27px!important}.purchase-policy-agree,.marketing-opt{font-size:10.5px!important;padding:9px!important}
  .policy-page .rich-copy{font-size:13px;line-height:1.6}.policy-page h1{font-size:31px!important}
  .hero-admin-current,.hero-admin-current.empty-hero{max-width:none;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;min-height:0}.hero-admin-current>img,.hero-admin-placeholder{width:76px!important}.hero-admin-current h2{font-size:18px!important;line-height:1.15!important}.hero-admin-current p{font-size:11px!important;line-height:1.45!important;margin-bottom:9px!important}.hero-admin-current .bo-btn{width:auto!important;font-size:10px!important;padding:8px 10px!important}.hero-admin-placeholder{font-size:24px!important}
  .reading-user-summary{grid-template-columns:1fr!important;gap:7px}.reading-user-summary>div{padding:11px}.reading-user-summary strong{font-size:18px}
}
@media(max-width:380px){
  .hero-trust{grid-template-columns:1fr!important}.hero-trust span:last-child{grid-column:auto}.product-card{grid-template-columns:82px minmax(0,1fr)!important}.product-cover{min-height:121px!important}.hero-copy h1{font-size:29px!important}.newsletter-strip form{grid-template-columns:1fr!important}.newsletter-strip .btn{width:100%!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}.hero-admin-current,.hero-admin-current.empty-hero{grid-template-columns:1fr!important}.hero-admin-current>img,.hero-admin-placeholder{width:92px!important}.hero-admin-current>div:last-child{max-width:none}
}
.policy-updated{margin:-6px 0 22px;color:var(--muted);font-size:11px;font-weight:700}
.dashboard-engagement{margin:14px 0 18px}

/* v0.4.7 buyer polish, iPhone Home Screen and softer page motion */
.storefront{background:
  radial-gradient(circle at 88% 6%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 28rem),
  var(--bg,#f3eee6);}
.store-header{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 76%,transparent),0 8px 24px rgba(38,29,21,.025)}
.storefront-home .commerce-hero{border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent)}
.storefront-home .store-section{position:relative}
.storefront-home .store-section.alt{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 2.5%,var(--paper2)),color-mix(in srgb,var(--accent) 1%,var(--paper2)))}
.product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 9px 25px rgba(45,31,19,.045)}
.product-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(45,31,19,.085);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.btn{transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.btn:active{transform:translateY(1px)}
.hero-copy h1,.section-label h2,.product-detail-copy h1,.store-page h1{text-wrap:balance}.hero-copy>p,.section-label p,.detail-description,.rich-copy{text-wrap:pretty}
.account-button.simple,.account-menu.simple summary{box-shadow:none!important;background:transparent!important;border-color:color-mix(in srgb,var(--line) 88%,transparent)!important}
.account-button.simple:hover,.account-menu.simple summary:hover{background:color-mix(in srgb,var(--accent) 6%,var(--paper))!important}
.drag-hint:empty{display:none!important}

/* Restore true two-sided 3D sheet rendering; older compatibility overrides flattened it. */
.book-frame{perspective:2200px!important;perspective-origin:50% 50%!important}
.turning-sheet{contain:none!important;perspective:inherit!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.turning-sheet .turn-face{transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;will-change:transform,opacity}
.turning-sheet .turn-face.front{transform:rotateY(.01deg)!important}
.turning-sheet .turn-face.back{transform:rotateY(180.01deg)!important}
.turning-sheet .turn-face.front:after,.turning-sheet .turn-face.back:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 12%,transparent 80%,rgba(255,255,255,.24));mix-blend-mode:multiply}
.turning-sheet.forward .turn-face.front:after,.turning-sheet.back .turn-face.back:after{transform:scaleX(-1)}
.turn-gloss{filter:blur(.15px)}
.turn-shadow{filter:blur(13px)!important;background:rgba(30,22,16,.48)!important}
.book-frame.is-turning{will-change:contents}

/* Home Screen / standalone safe areas on iPhone and iPad. */
html.standalone-webapp body.storefront .store-header{padding-top:env(safe-area-inset-top)}
html.standalone-webapp body.storefront .store-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
html.standalone-webapp body.reader-page .reader-top{padding-top:env(safe-area-inset-top)}
@media(display-mode:standalone){
  .store-header{padding-top:env(safe-area-inset-top)}
  .store-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}

@media(max-width:680px){
  .container{width:calc(100% - 28px)!important}
  .store-header{background:color-mix(in srgb,var(--paper) 92%,transparent)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .store-nav{min-height:56px!important;padding-block:6px!important}
  .store-nav>.brand{max-width:calc(100% - 86px)!important}.store-nav .brand-copy b{max-width:52vw!important;font-size:13px!important}
  .nav-toggle,.account-button.simple,.account-menu.simple summary{width:34px!important;height:34px!important;min-width:34px!important}
  .store-links{border-radius:14px!important;box-shadow:0 18px 48px rgba(34,25,18,.16)!important}

  .commerce-hero{padding:18px 0 21px!important}.commerce-hero-grid{gap:12px!important}
  .hero-copy h1{font-size:clamp(32px,9.5vw,41px)!important;max-width:11.5ch!important;margin:7px 0 10px!important;line-height:1.015!important}
  .hero-copy>p{font-size:14px!important;line-height:1.5!important;max-width:36ch!important}
  .hero-actions{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin-top:14px!important}.hero-actions .text-link{padding:7px 2px!important}
  .hero-trust{grid-template-columns:1fr!important;gap:5px!important;margin-top:11px!important}.hero-trust span,.hero-trust span:last-child{grid-column:auto!important;padding:0!important;border:0!important;background:transparent!important;font-size:10.5px!important}
  .hero-mobile-book{grid-template-columns:104px minmax(0,1fr)!important;gap:14px!important;min-height:158px!important;padding:12px 14px 12px 11px!important;margin-top:14px!important;border-radius:17px!important;box-shadow:0 12px 30px rgba(37,25,16,.075)!important}
  .hero-mobile-book img{width:104px!important;height:145px!important;border-radius:8px!important;transform:rotate(-1.8deg)!important;box-shadow:0 12px 24px rgba(35,23,14,.18)!important}
  .hero-mobile-book small{font-size:9px!important}.hero-mobile-book b{font-size:19px!important;line-height:1.12!important}.hero-mobile-book em{font-size:11px!important;margin-top:3px}

  .category-strip{padding:17px 0!important}.store-section{padding:23px 0!important}.section-label{margin-bottom:12px!important}.section-label h2{font-size:27px!important}.section-label p{font-size:13px!important;line-height:1.45!important}
  .category-cards a{flex-basis:138px!important;min-height:70px!important}
  .product-grid{gap:9px!important}.product-card{grid-template-columns:100px minmax(0,1fr)!important;min-height:145px!important;box-shadow:0 8px 22px rgba(38,27,18,.05)!important}.product-cover{min-height:145px!important}.product-info{padding:11px 12px!important}.product-info h3{font-size:16.5px!important}.product-bottom strong{font-size:16px!important}
  .benefits{padding:25px 0 29px!important}.benefits-grid>div{padding:12px 0!important}
  .store-footer{padding-top:27px!important}.footer-grid{gap:17px!important}.footer-grid h4{margin-bottom:8px!important}.footer-grid a{line-height:1.8!important}

  .shop-hero{padding:22px 0!important}.shop-hero h1{font-size:35px!important}.product-detail-copy h1{font-size:35px!important}.detail-cover,.preview-wide{max-width:230px!important}
  .checkout-card,.purchase-success,.access-card{box-shadow:0 12px 34px rgba(37,26,18,.06)!important}
  .reader-top{gap:5px!important}.reader-title{font-size:12px!important;max-width:40vw!important}.reader-tools{gap:3px!important}.reader-tools .iconbtn{width:34px!important;height:34px!important}
}

@media(max-width:380px){
  .container{width:calc(100% - 22px)!important}
  .hero-copy h1{font-size:30px!important}.hero-copy>p{font-size:13.5px!important}
  .hero-mobile-book{grid-template-columns:94px minmax(0,1fr)!important;min-height:145px!important;padding:10px!important}.hero-mobile-book img{width:94px!important;height:131px!important}.hero-mobile-book b{font-size:17.5px!important}
  .product-card{grid-template-columns:92px minmax(0,1fr)!important;min-height:137px!important}.product-cover{min-height:137px!important}
}

@media(prefers-reduced-motion:reduce){
  .product-card,.btn,.book-frame{transition:none!important}.turn-gloss,.turn-shadow{display:none!important}
}
/* v0.5.1 continuous page curl. One antialiased WebGL surface replaces the
   visible strip mesh. The contact shadow follows the moving fold line. */
.turning-sheet.surface-active{overflow:visible!important;contain:none!important;transform:none!important}
.turning-sheet.surface-active>.turn-face{visibility:hidden!important}
.curl-surface{position:absolute;display:block;pointer-events:none;z-index:12;overflow:visible;will-change:filter;transform:translateZ(10px);background:transparent}
.curl-contact-shadow{--curl-fold-x:50%;position:absolute;top:1.5%;height:97%;pointer-events:none;z-index:8;opacity:0;filter:blur(7px);background:radial-gradient(ellipse 7% 48% at var(--curl-fold-x) 52%,rgba(49,37,28,.34) 0,rgba(49,37,28,.19) 28%,rgba(49,37,28,.07) 52%,transparent 75%);transition:none}
.turning-sheet.surface-active>.turn-gloss,.turning-sheet.surface-active>.turn-shadow{opacity:0!important}
@media(max-width:900px){.curl-contact-shadow{filter:blur(5px);background:radial-gradient(ellipse 8% 46% at var(--curl-fold-x) 52%,rgba(49,37,28,.28),rgba(49,37,28,.11) 42%,transparent 72%)}}
@media(prefers-reduced-motion:reduce){.curl-surface,.curl-contact-shadow{display:none!important}.turning-sheet.surface-active>.turn-face{visibility:visible!important}}

/* Browser PDF preparation progress for cPanel hosts without Poppler. */
.pdf-browser-progress{margin:18px 0 4px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,#fff)}
.pdf-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.pdf-progress-head span{font-size:12px;color:var(--muted)}
.pdf-progress-track{height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 10%,#e9e5df)}.pdf-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.pdf-browser-progress small{display:block;margin-top:8px;color:var(--muted)}



/* v0.5.4 · Featured carousel, compact catalog, footer icons, safe publication deletion */
.featured-carousel{position:relative}.featured-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-5px 0 12px;color:var(--muted);font-size:11px;font-weight:800}.featured-carousel-controls{display:flex;gap:7px}.featured-carousel-controls button{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.16s ease}.featured-carousel-controls button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);transform:translateY(-1px)}.featured-carousel-controls button:disabled{opacity:.28;cursor:default}.featured-carousel.is-static .featured-carousel-controls{visibility:hidden}.featured-carousel-viewport{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 18px}.featured-carousel-viewport::-webkit-scrollbar{display:none}.featured-carousel-viewport>.product-card{scroll-snap-align:start;scroll-snap-stop:normal;min-width:0}
.compact-catalog-section .section-label{margin-bottom:16px}.mini-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-book-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;min-height:108px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--paper2);transition:.16s ease;min-width:0}.mini-book-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 8px 22px rgba(38,27,18,.06);transform:translateY(-1px)}.mini-book-cover{width:72px;height:98px;border-radius:7px;overflow:hidden;background:#eee;align-self:center}.mini-book-cover img{width:100%;height:100%;object-fit:cover}.mini-book-copy{display:flex;flex-direction:column;min-width:0;padding:3px 2px 2px}.mini-book-category{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-weight:900}.mini-book-copy h3{font-size:14px;line-height:1.16;margin:4px 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mini-book-copy h3 a{color:var(--ink)}.mini-book-copy>small{color:var(--muted);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-book-bottom{margin-top:auto;padding-top:7px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:8px}.mini-book-bottom strong{display:flex;align-items:baseline;gap:5px;font-size:13px}.mini-book-bottom del{font-size:9px;color:var(--muted)}.mini-book-bottom a{font-size:9.5px;font-weight:900;color:var(--accent);white-space:nowrap}
.footer-social-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-icon-link{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.78);background:rgba(255,255,255,.04);transition:.16s ease}.footer-icon-link:hover{color:#fff;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.10);transform:translateY(-1px)}.footer-glyph{display:grid;place-items:center;width:18px;height:18px;font:900 15px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.footer-glyph.small-text{font-size:10px}.camera-glyph{border:1.8px solid currentColor;border-radius:5px;position:relative}.camera-glyph:before{content:"";width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%;position:absolute;inset:0;margin:auto}.camera-glyph:after{content:"";width:2px;height:2px;border-radius:50%;background:currentColor;position:absolute;right:2.5px;top:2.5px}.play-glyph{font-size:11px;padding-left:1px}.bo-footer-icons{display:grid;gap:10px;margin-top:8px}.bo-footer-icon-row{display:grid;grid-template-columns:150px minmax(160px,.55fr) minmax(260px,1fr);gap:12px;padding:12px;border:1px solid #e4e9ef;border-radius:10px;background:#fafbfc}.bo-footer-icon-row .bo-field{margin:0}.publication-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-color:#efc6c3!important;background:linear-gradient(135deg,#fff,#fff9f8)!important;margin-top:18px}.publication-danger-zone h2{margin:4px 0 7px}.publication-danger-zone p{max-width:760px;margin:0 0 5px}.publication-danger-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.delete-publication-form{display:flex;gap:7px;align-items:center}.delete-publication-form input{width:118px;border:1px solid #efc6c3;border-radius:8px;padding:9px 10px;background:#fff;color:#8d302c}
@media(max-width:1050px){.featured-carousel-viewport{grid-auto-columns:calc((100% - 36px)/3);gap:18px}.mini-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-footer-icon-row{grid-template-columns:130px 1fr 1.5fr}.publication-danger-zone{grid-template-columns:1fr}.publication-danger-actions{justify-content:flex-start}}
@media(max-width:720px){.featured-carousel-head{margin-top:-2px}.featured-carousel-viewport{grid-auto-columns:min(72vw,245px);gap:10px;padding-bottom:10px;scroll-padding-inline:1px}.featured-carousel-viewport .product-card{display:block!important;min-height:0!important}.featured-carousel-viewport .product-cover{height:auto!important;min-height:0!important;aspect-ratio:.76!important}.featured-carousel-viewport .product-info{padding:12px!important}.featured-carousel-viewport .product-info h3{font-size:16px!important;min-height:37px!important}.featured-carousel-controls button{width:32px;height:32px;font-size:20px}.mini-catalog-grid{grid-template-columns:1fr;gap:7px}.mini-book-card{grid-template-columns:61px minmax(0,1fr);min-height:91px;padding:6px}.mini-book-cover{width:61px;height:84px}.mini-book-copy h3{font-size:13px}.mini-book-bottom{padding-top:5px}.footer-social-icons{gap:7px}.footer-icon-link{width:32px;height:32px}.bo-footer-icon-row{grid-template-columns:1fr;gap:8px}.publication-danger-actions,.delete-publication-form{width:100%;align-items:stretch}.publication-danger-actions form{width:100%}.delete-publication-form{display:grid;grid-template-columns:1fr}.delete-publication-form input,.publication-danger-actions .bo-btn{width:100%}}
@media(max-width:420px){.featured-carousel-viewport{grid-auto-columns:76vw}.featured-carousel-head>span{font-size:9px}.mini-book-card{grid-template-columns:56px minmax(0,1fr)}.mini-book-cover{width:56px;height:78px}.mini-book-copy h3{font-size:12.5px}.mini-book-bottom strong{font-size:12px}}

/* v0.6.0 · calmer storefront + payment checkout */
.storefront-home .commerce-hero{padding-top:42px;padding-bottom:38px}
.storefront-home .hero-trust{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:16px}
.storefront-home .hero-trust span{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;font-size:11px!important;color:var(--muted);font-weight:800}
.home-category-pills{padding:13px 0;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--paper2) 93%,transparent)}
.home-category-pills>.container{display:flex;align-items:center;gap:14px;min-width:0}.home-category-label{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--muted);white-space:nowrap}.category-cards.compact{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0}.category-cards.compact::-webkit-scrollbar{display:none}.category-cards.compact a{flex:0 0 auto;min-height:0!important;display:inline-flex;align-items:center;gap:7px;padding:7px 10px!important;border-radius:999px!important;background:var(--paper);font-size:10.5px}.category-cards.compact a span{font-size:10.5px!important}.category-cards.compact a small{font-size:9px!important;color:var(--muted)}.category-cards.compact .all-categories{background:transparent;border-color:transparent;color:var(--accent);font-weight:900}
.section-label.compact-heading{margin-bottom:14px}.section-label.compact-heading h2{margin-top:2px}.section-label.compact-heading p{max-width:52ch;margin-top:3px}.section-actions{display:flex;align-items:center;gap:12px}.section-actions>a{font-size:11px;font-weight:900;color:var(--accent);white-space:nowrap}.featured-section{padding-top:34px!important;padding-bottom:30px!important}.featured-carousel-viewport{padding-bottom:8px}.compact-catalog-section{padding-top:28px!important;padding-bottom:30px!important}.compact-catalog-section .mini-catalog-grid{gap:8px}
.home-assurance{padding:22px 0 26px;background:var(--paper2);border-top:1px solid var(--line)}.home-assurance>.container{display:grid;grid-template-columns:minmax(170px,.72fr) 2.2fr;gap:24px;align-items:center}.assurance-intro h2{font-size:22px;margin:3px 0 0}.assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.assurance-grid>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.assurance-grid i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--paper))}.assurance-grid span{display:grid;gap:2px}.assurance-grid b{font-size:11px}.assurance-grid small{font-size:9.5px;line-height:1.35;color:var(--muted)}
.payment-methods{display:grid;gap:12px;margin-top:18px}.payment-method{border:1px solid var(--line);border-radius:14px;background:var(--paper2);padding:12px}.payment-paypal{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-align:left}.payment-paypal span{font-size:19px;font-weight:900}.payment-paypal small{font-size:10px;opacity:.82;font-weight:700}.gcash-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}.gcash-head>div{display:grid;gap:2px}.gcash-head b{font-size:18px}.gcash-head span{font-size:10px;color:var(--muted)}.gcash-head>strong{font-size:18px;color:var(--accent)}.gcash-pay-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;align-items:start}.gcash-qr{width:150px;height:150px;object-fit:contain;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff}.gcash-pay-grid p{margin:0 0 10px;font-size:11px;line-height:1.5;color:var(--muted)}.gcash-reference-form{display:grid;gap:9px}.gcash-reference-form label{display:grid;gap:5px;font-size:10px;font-weight:800}.gcash-reference-form input{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--paper)}.purchase-success.pending .success-check{background:color-mix(in srgb,var(--accent) 8%,var(--paper));color:var(--accent)}
.payment-provider-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-settings-form{display:grid;gap:12px}.bo-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.gcash-admin-preview{display:flex;align-items:center;gap:12px;margin-top:9px}.gcash-admin-preview img{width:92px;height:92px;object-fit:contain;padding:4px;border:1px solid #dfe4ea;border-radius:9px;background:#fff}.gcash-admin-preview label{font-size:11px}.payment-config-grid code{font-size:10px;background:#f3f5f7;padding:2px 5px;border-radius:5px}
@media(max-width:900px){.home-assurance>.container{grid-template-columns:1fr}.assurance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gcash-pay-grid{grid-template-columns:130px minmax(0,1fr)}.gcash-qr{width:130px;height:130px}}
@media(max-width:720px){.storefront-home .commerce-hero{padding-top:18px!important;padding-bottom:18px!important}.storefront-home .hero-trust{gap:6px 10px!important;margin-top:11px!important}.storefront-home .hero-trust span{font-size:9.5px!important}.home-category-pills{padding:9px 0}.home-category-pills>.container{display:block}.home-category-label{display:none}.category-cards.compact{gap:6px}.category-cards.compact a{padding:6px 9px!important}.featured-section{padding-top:22px!important;padding-bottom:20px!important}.section-label.compact-heading{grid-template-columns:1fr!important;align-items:start!important}.section-label.compact-heading p{display:none}.section-actions{justify-content:space-between}.compact-catalog-section{padding-top:20px!important;padding-bottom:22px!important}.home-assurance{padding:17px 0 20px}.home-assurance>.container{gap:11px}.assurance-intro h2{font-size:19px}.assurance-grid{grid-template-columns:1fr;gap:6px}.assurance-grid>div{grid-template-columns:23px minmax(0,1fr);padding:8px 10px}.assurance-grid i{width:21px;height:21px}.assurance-grid small{font-size:9px}.gcash-pay-grid{grid-template-columns:1fr}.gcash-qr{width:min(210px,70vw);height:auto;aspect-ratio:1;margin-inline:auto}.payment-paypal{display:grid!important;justify-items:start}.payment-paypal small{font-size:9px}}
.gcash-verify-check{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:850;color:#3b4652;white-space:nowrap}.gateway-webhook{display:grid;gap:5px;margin-top:12px}.gateway-webhook label{font-size:10px;font-weight:850;color:#53606e}.gateway-webhook input{width:100%;min-height:38px;border:1px solid #dfe4ea;border-radius:8px;background:#f8fafb;padding:8px 10px;font:600 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#303946}.gateway-webhook small{font-size:9px;line-height:1.45;color:#697586}
.payment-duplicate-warning{display:block;margin-top:4px;color:#a63d36;font-size:9px;font-weight:800;line-height:1.35}.compact-flash{margin:0!important;padding:7px 9px!important;font-size:9.5px!important}
.gateway-test-form{margin-top:10px}


/* v0.6.2 — calmer storefront + obvious commerce controls */
.storefront-home{padding-top:0}
.storefront-home .commerce-hero{padding:26px 0 18px;background:transparent}
.storefront-home .commerce-hero-grid{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(310px,.72fr);gap:34px;min-height:420px;padding:42px 46px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--paper2) 96%,var(--accent) 4%),color-mix(in srgb,var(--paper) 92%,var(--accent2) 8%));box-shadow:0 20px 55px rgba(45,31,19,.055);overflow:hidden}
.storefront-home .hero-copy{max-width:610px;position:relative;z-index:2}
.storefront-home .hero-copy h1{font-size:clamp(42px,5.25vw,66px);line-height:1.01;max-width:11ch;margin:12px 0 17px}
.storefront-home .hero-copy>p{font-size:16.5px;line-height:1.6;max-width:54ch;margin:0}
.storefront-home .hero-actions{margin-top:22px;gap:16px}.storefront-home .hero-actions .btn{padding:12px 19px}
.storefront-home .hero-trust{margin-top:18px;gap:7px}.storefront-home .hero-trust span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));border-radius:999px;background:rgba(255,255,255,.36);font-size:10px;color:var(--muted)}
.storefront-home .hero-featured-showcase{height:326px;min-height:326px}.storefront-home .hero-featured-book{width:min(235px,72%);filter:drop-shadow(0 22px 25px rgba(39,27,17,.18))}.storefront-home .hero-featured-label{bottom:-25px;font-size:9px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storefront-home .hero-blob{filter:saturate(.75);opacity:calc(var(--hero-highlight-opacity) * .45)!important}.storefront-home .hero-ring{opacity:calc(var(--hero-highlight-opacity) * .38)!important}.storefront-home .hero-spark{display:none}
.home-category-pills{margin:0;border-top:0;background:transparent;padding:10px 0 6px}.home-category-pills>.container{padding:0 3px}.category-cards.compact a{background:var(--paper2);padding:6px 10px!important;box-shadow:none}
.featured-section{padding-top:28px!important}.featured-section .section-label.compact-heading,.compact-catalog-section .section-label.compact-heading{margin-bottom:11px}.section-label.compact-heading h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em}.section-label.compact-heading p{font-size:12px;color:var(--muted)}
.featured-carousel-viewport{grid-auto-columns:calc((100% - 54px)/4);gap:18px}.featured-carousel-viewport>.product-card{border-radius:14px;box-shadow:none}.featured-carousel-viewport .product-info{padding:13px}.featured-carousel-viewport .product-info h3{font-size:17px;min-height:40px}.featured-carousel-viewport .product-bottom{margin-top:10px;padding-top:10px}.featured-carousel-viewport .product-bottom strong{font-size:17px}
.compact-catalog-section{background:color-mix(in srgb,var(--paper2) 58%,var(--paper))!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.mini-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-book-card{grid-template-columns:62px minmax(0,1fr);min-height:93px;padding:7px;border-radius:12px}.mini-book-cover{width:62px;height:86px}.mini-book-copy h3{font-size:13.5px}.mini-book-bottom{padding-top:5px}.mini-book-bottom strong{font-size:12.5px}
.home-assurance{padding:15px 0 18px;background:transparent;border-top:0}.home-assurance>.container{grid-template-columns:auto 1fr;gap:18px;padding-top:12px;border-top:1px solid var(--line)}.assurance-intro .page-kicker{display:none}.assurance-intro h2{font-size:16px;white-space:nowrap}.assurance-grid{gap:5px}.assurance-grid>div{border:0;background:transparent;padding:6px 8px}.assurance-grid i{width:20px;height:20px}.assurance-grid b{font-size:10.5px}.assurance-grid small{font-size:9px}

.commerce-visibility-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.commerce-visibility-strip>a,.commerce-visibility-strip>div{display:grid;gap:3px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--paper2)}.commerce-visibility-strip>a{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--paper2))}.commerce-visibility-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}.commerce-visibility-strip b{font-size:13px;color:var(--ink)}.commerce-visibility-strip small{font-size:9.5px;color:var(--muted)}.commerce-visibility-strip>a small{color:var(--accent);font-weight:850}.catalog-actions{display:flex;gap:6px;white-space:nowrap}.catalog-admin-table{min-width:1050px}
.gateway-start-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--paper2)),var(--paper2))}.gateway-start-card h2{margin:3px 0 5px}.gateway-start-card p{margin:0;max-width:760px;color:var(--muted);font-size:12px}.gateway-start-links{display:flex;gap:8px;flex-wrap:wrap}.gateway-start-links a{padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:10px;color:var(--accent);font-size:11px;font-weight:900;background:var(--paper)}.gateway-env-help{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.gateway-env-help summary{cursor:pointer;font-size:11px;font-weight:900;color:var(--ink)}.gateway-env-help pre{margin:10px 0 6px;padding:10px;overflow:auto;border-radius:8px;background:color-mix(in srgb,var(--ink) 5%,var(--paper2));font-size:10px;line-height:1.5}.gateway-env-help small{color:var(--muted)}#paypal-gateway,#gcash-gateway{scroll-margin-top:112px}

@media(max-width:900px){.storefront-home .commerce-hero-grid{grid-template-columns:1fr;min-height:0;padding:30px 30px}.storefront-home .hero-featured-showcase{height:285px;min-height:285px}.commerce-visibility-strip{grid-template-columns:1fr}.gateway-start-card{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.storefront-home .commerce-hero{padding:12px 0 8px!important}.storefront-home .commerce-hero-grid{padding:22px 18px 18px;border-radius:20px;gap:12px}.storefront-home .hero-copy h1{font-size:clamp(31px,9.5vw,39px)!important;max-width:12ch!important;margin:8px 0 11px}.storefront-home .hero-copy>p{font-size:13.5px;line-height:1.48}.storefront-home .hero-actions{margin-top:15px}.storefront-home .hero-trust{display:flex!important;flex-wrap:wrap!important;margin-top:12px!important}.storefront-home .hero-trust span{font-size:8.5px!important;padding:5px 7px}.home-category-pills{padding:7px 0 3px}.featured-section{padding-top:18px!important}.featured-carousel-viewport{grid-auto-columns:min(62vw,205px);gap:9px}.featured-carousel-viewport .product-info{padding:10px!important}.featured-carousel-viewport .product-info h3{font-size:14.5px!important;min-height:32px!important}.featured-carousel-viewport .product-bottom strong{font-size:14px!important}.mini-catalog-grid{grid-template-columns:1fr}.home-assurance>.container{grid-template-columns:1fr;gap:6px}.assurance-intro h2{font-size:15px}.assurance-grid{grid-template-columns:1fr 1fr 1fr!important;gap:2px}.assurance-grid>div{display:block;padding:5px 4px;text-align:left}.assurance-grid i{display:none}.assurance-grid small{display:none}.assurance-grid b{font-size:9px}.commerce-visibility-strip{margin-bottom:10px}.catalog-actions{flex-direction:column}.gateway-start-links{width:100%}.gateway-start-links a{flex:1;text-align:center}}
@media(max-width:420px){.storefront-home .commerce-hero-grid{padding:19px 15px 16px}.featured-carousel-viewport{grid-auto-columns:64vw}.assurance-grid b{font-size:8.5px}}

/* ===== v0.6.2 Back Office visual system =====
   One calm palette, consistent fields and theme-aware accents. */
body.backoffice{
  --bo-bg:color-mix(in srgb,var(--bo-store-bg) 28%,#f4f5f7 72%);
  --bo-surface:color-mix(in srgb,var(--bo-store-surface) 78%,#fff 22%);
  --bo-surface-soft:color-mix(in srgb,var(--bo-store-surface) 48%,#f7f7f6 52%);
  --bo-sidebar:#211f1c;
  --bo-sidebar-soft:#2c2925;
  --bo-text:#292723;
  --bo-muted:#716d66;
  --bo-line:color-mix(in srgb,var(--bo-store-line) 64%,#d9dde2 36%);
  --bo-line-strong:color-mix(in srgb,var(--bo-accent) 26%,var(--bo-line));
  --bo-focus:color-mix(in srgb,var(--bo-accent) 17%,transparent);
  background:var(--bo-bg);color:var(--bo-text)
}
body.backoffice .bo-sidebar{background:var(--bo-sidebar);border-right-color:#35312c;color:#eee9e1}
body.backoffice .bo-brand{border-bottom-color:#36322d;color:#fff}
body.backoffice .bo-mark{background:linear-gradient(145deg,var(--bo-accent),var(--bo-accent-strong));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--bo-accent) 25%,transparent)}
body.backoffice .bo-brand small{color:#9e968b}
body.backoffice .bo-section-link{color:#bdb5aa;border:1px solid transparent}
body.backoffice .bo-section-link:hover{background:#2a2723;color:#fff}
body.backoffice .bo-section-link.active{background:color-mix(in srgb,var(--bo-accent) 15%,#2a2723);border-color:color-mix(in srgb,var(--bo-accent) 22%,#39342e);box-shadow:inset 3px 0 var(--bo-accent);color:#fff}
body.backoffice .bo-section-link.active .bo-section-arrow{color:var(--bo-accent)}
body.backoffice .bo-sidebar-foot{border-top-color:#36322d}
body.backoffice .bo-sidebar-foot a,body.backoffice .bo-sidebar-foot button{color:#bdb5aa}
body.backoffice .bo-sidebar-foot a:hover,body.backoffice .bo-sidebar-foot button:hover{background:#2a2723;color:#fff}
body.backoffice .bo-top{background:color-mix(in srgb,var(--bo-surface) 96%,transparent);border-bottom-color:var(--bo-line);box-shadow:0 1px 0 rgba(35,31,27,.02)}
body.backoffice .bo-top small{color:var(--bo-muted)}
body.backoffice .bo-top strong{color:var(--bo-text)}
body.backoffice .bo-tabs{background:color-mix(in srgb,var(--bo-surface) 96%,transparent);border-bottom-color:var(--bo-line)}
body.backoffice .bo-tabs a{color:var(--bo-muted)}
body.backoffice .bo-tabs a:hover{background:var(--bo-surface-soft);color:var(--bo-text)}
body.backoffice .bo-tabs a.active{color:var(--bo-text);border-bottom-color:var(--bo-accent)}
body.backoffice .bo-tabs a.active:after{background:var(--bo-accent)}
body.backoffice .bo-content{max-width:1420px;padding:28px 30px 42px}
body.backoffice .bo-heading{margin-bottom:20px;align-items:center}
body.backoffice .bo-heading h1{font-size:30px;color:var(--bo-text)}
body.backoffice .bo-heading p{max-width:760px;color:var(--bo-muted);font-size:13px;line-height:1.55}
body.backoffice .bo-card{background:var(--bo-surface);border:1px solid var(--bo-line);border-radius:16px;padding:21px;box-shadow:0 7px 24px rgba(35,31,27,.035)}
body.backoffice .bo-card h2{color:var(--bo-text);font-size:17px;letter-spacing:-.012em}
body.backoffice .bo-card p,body.backoffice .bo-note{color:var(--bo-muted)}
body.backoffice .bo-grid{gap:16px}
body.backoffice .bo-stack{gap:16px}
body.backoffice .bo-card .bo-grid .bo-field{margin-bottom:0}
body.backoffice .bo-field{gap:7px;margin-bottom:14px}
body.backoffice .bo-field label{font-size:11px;letter-spacing:.01em;color:#48443e}
body.backoffice .bo-field small{font-size:10px;line-height:1.45;color:#7b766f}
body.backoffice .bo-field input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
body.backoffice .bo-field textarea,
body.backoffice .bo-field select,
body.backoffice .bo-table input:not([type=checkbox]):not([type=radio]),
body.backoffice .bo-table select,
body.backoffice .gateway-webhook input,
body.backoffice .security-secret input{
  width:100%;min-height:43px;border:1px solid var(--bo-line);border-radius:10px;background:#fffdfa;color:var(--bo-text);padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease
}
body.backoffice .bo-field textarea{min-height:116px;resize:vertical;line-height:1.55}
body.backoffice .bo-field input[type=file]{min-height:auto!important;padding:8px!important;background:var(--bo-surface-soft)!important}
body.backoffice .bo-field input:hover,body.backoffice .bo-field textarea:hover,body.backoffice .bo-field select:hover{border-color:color-mix(in srgb,var(--bo-accent) 24%,var(--bo-line))}
body.backoffice .bo-field input:focus,body.backoffice .bo-field textarea:focus,body.backoffice .bo-field select:focus,
body.backoffice .bo-table input:focus,body.backoffice .bo-table select:focus,body.backoffice .gateway-webhook input:focus,body.backoffice .security-secret input:focus{
  outline:none;border-color:var(--bo-accent);box-shadow:0 0 0 3px var(--bo-focus);background:#fff
}
body.backoffice input[readonly],body.backoffice textarea[readonly]{background:var(--bo-surface-soft)!important;color:#625d56!important}
body.backoffice input[type=checkbox],body.backoffice input[type=radio]{accent-color:var(--bo-accent)}
body.backoffice .bo-toggle-grid{gap:8px;margin-bottom:16px}
body.backoffice .bo-toggle-grid .switch-row,body.backoffice .bo-check{padding:10px 12px;border:1px solid var(--bo-line);border-radius:10px;background:var(--bo-surface-soft);color:#48443e;font-size:11px;font-weight:800}
body.backoffice .bo-toggle-grid .switch-row:hover,body.backoffice .bo-check:hover{border-color:var(--bo-line-strong);background:color-mix(in srgb,var(--bo-accent) 4%,var(--bo-surface-soft))}
body.backoffice .bo-color-grid{gap:11px}
body.backoffice .bo-field.color-field>div{grid-template-columns:46px minmax(0,1fr);gap:7px}
body.backoffice .bo-field.color-field input[type=color]{height:43px;border-radius:10px;padding:4px;background:#fff}
body.backoffice .bo-btn{min-height:39px;border-color:var(--bo-line);background:#fffdfa;color:#3b3833;border-radius:10px;padding:9px 13px;box-shadow:0 1px 1px rgba(35,31,27,.025)}
body.backoffice .bo-btn:hover{border-color:var(--bo-line-strong);background:var(--bo-surface-soft)}
body.backoffice .bo-btn.primary{background:var(--bo-accent);border-color:var(--bo-accent);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--bo-accent) 18%,transparent)}
body.backoffice .bo-btn.primary:hover{background:var(--bo-accent-strong);border-color:var(--bo-accent-strong)}
body.backoffice .bo-btn.danger{color:var(--bo-danger);border-color:color-mix(in srgb,var(--bo-danger) 32%,var(--bo-line));background:color-mix(in srgb,var(--bo-danger) 3%,#fff)}
body.backoffice .bo-save{background:linear-gradient(180deg,transparent,var(--bo-bg) 26%);padding:18px 0 4px}
body.backoffice .bo-stats{gap:12px}
body.backoffice .bo-stats>div,body.backoffice .reading-user-summary>div{background:var(--bo-surface);border-color:var(--bo-line);box-shadow:0 5px 18px rgba(35,31,27,.025)}
body.backoffice .bo-stats span,body.backoffice .bo-stats small{color:var(--bo-muted)}
body.backoffice .bo-stats strong{color:var(--bo-text)}
body.backoffice .quick-grid a{background:#fffdfa;border-color:var(--bo-line);border-radius:12px}
body.backoffice .quick-grid a:hover{background:color-mix(in srgb,var(--bo-accent) 4%,#fff);border-color:var(--bo-line-strong)}
body.backoffice .quick-grid small{color:var(--bo-muted)}
body.backoffice .table-card{background:var(--bo-surface)}
body.backoffice .bo-table th{background:var(--bo-surface-soft);color:#716c64;border-bottom-color:var(--bo-line)}
body.backoffice .bo-table td{border-bottom-color:color-mix(in srgb,var(--bo-line) 70%,transparent);color:#403c36}
body.backoffice .bo-table tbody tr:hover td{background:color-mix(in srgb,var(--bo-accent) 2.8%,transparent)}
body.backoffice .bo-table td small{color:#817b73}
body.backoffice .system-list dt,body.backoffice .system-list dd{border-bottom-color:color-mix(in srgb,var(--bo-line) 72%,transparent)}
body.backoffice .system-list dt{color:var(--bo-muted)}
body.backoffice .system-list dd{color:#3b3732}
body.backoffice .bo-status.active,body.backoffice .bo-status.paid,body.backoffice .bo-status.published{background:color-mix(in srgb,var(--success) 11%,#fff);color:var(--success)}
body.backoffice .bo-status.pending,body.backoffice .bo-status.draft{background:#fff6e5;color:#8a6221}
body.backoffice .bo-status.failed,body.backoffice .bo-status.revoked,body.backoffice .bo-status.cancelled{background:color-mix(in srgb,var(--bo-danger) 9%,#fff);color:var(--bo-danger)}
body.backoffice .gateway-start-card{background:linear-gradient(135deg,color-mix(in srgb,var(--bo-accent) 5%,var(--bo-surface)),var(--bo-surface));border-color:var(--bo-line-strong)}
body.backoffice .gateway-start-links a{border-color:var(--bo-line-strong);background:#fffdfa;color:var(--bo-accent)}
body.backoffice .gateway-env-help{background:var(--bo-surface-soft);border-color:var(--bo-line)}
body.backoffice .gateway-env-help pre{background:#292620;color:#eee9e1;border:1px solid #39352f}
body.backoffice .gateway-webhook label{color:#57514a}
body.backoffice .gateway-webhook small{color:var(--bo-muted)}
body.backoffice .gateway-ok{background:color-mix(in srgb,var(--success) 8%,#fff);border-color:color-mix(in srgb,var(--success) 24%,var(--bo-line));color:var(--success)}
body.backoffice .gateway-warning{background:#fff7e8;border-color:#ead7ad;color:#75571f}
body.backoffice .payment-config-grid{align-items:start}
body.backoffice #paypal-gateway,body.backoffice #gcash-gateway{min-width:0}
body.backoffice .payment-settings-form{gap:11px}
body.backoffice .payment-settings-form .bo-field{margin-bottom:0}
body.backoffice .commerce-visibility-strip>a,body.backoffice .commerce-visibility-strip>div{background:var(--bo-surface);border-color:var(--bo-line)}
body.backoffice .commerce-visibility-strip>a{background:color-mix(in srgb,var(--bo-accent) 4%,var(--bo-surface));border-color:var(--bo-line-strong)}
body.backoffice .publication-danger-zone{background:color-mix(in srgb,var(--bo-danger) 3%,var(--bo-surface))!important;border-color:color-mix(in srgb,var(--bo-danger) 27%,var(--bo-line))!important}
body.backoffice .bo-flash{border:1px solid transparent;box-shadow:0 5px 18px rgba(35,31,27,.025)}
body.backoffice .bo-flash.success{background:color-mix(in srgb,var(--success) 8%,#fff);border-color:color-mix(in srgb,var(--success) 22%,var(--bo-line));color:var(--success)}
body.backoffice .bo-flash.error{background:color-mix(in srgb,var(--bo-danger) 8%,#fff);border-color:color-mix(in srgb,var(--bo-danger) 22%,var(--bo-line));color:var(--bo-danger)}
body.backoffice code{background:color-mix(in srgb,var(--bo-accent) 5%,var(--bo-surface-soft));color:#544e46;border-radius:6px;padding:2px 5px}

@media(max-width:860px){
  body.backoffice .bo-content{padding:18px 14px 34px}
  body.backoffice .bo-heading{align-items:flex-start}
  body.backoffice .bo-heading h1{font-size:26px}
  body.backoffice .bo-card{padding:16px;border-radius:14px}
  body.backoffice .bo-top{padding:0 14px}
  body.backoffice .bo-tabs-inner{padding-inline:14px}
}
@media(max-width:560px){
  body.backoffice .bo-heading-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.backoffice .bo-heading-actions .bo-btn{width:100%}
  body.backoffice .bo-field input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),body.backoffice .bo-field select{min-height:44px}
  body.backoffice .bo-card-title{gap:10px}
}
body.backoffice .gateway-webhook-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
body.backoffice .gateway-webhook-row .bo-btn{white-space:nowrap}
@media(max-width:620px){body.backoffice .gateway-webhook-row{grid-template-columns:1fr}.gateway-webhook-row .bo-btn{width:100%}}

/* ===== v0.6.2 calmer bookstore homepage ===== */
.storefront-home .commerce-hero{padding:38px 0 34px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 86%,#fff 14%),color-mix(in srgb,var(--paper2) 92%,var(--paper) 8%));border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.storefront-home .commerce-hero-grid{min-height:455px;padding:20px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);gap:48px;overflow:visible}
.storefront-home .hero-copy{max-width:690px}
.storefront-home .hero-badge{font-size:10px;letter-spacing:.13em}
.storefront-home .hero-copy h1{font-size:clamp(46px,5.7vw,72px);line-height:.98;max-width:10.5ch;margin:11px 0 18px;letter-spacing:-.047em;text-wrap:balance}
.storefront-home .hero-copy>p{font-size:16px;line-height:1.65;max-width:55ch;color:var(--muted)}
.storefront-home .hero-actions{margin-top:22px;gap:18px}
.storefront-home .hero-actions .btn{border-radius:12px;padding:12px 18px;box-shadow:none}
.storefront-home .hero-trust{margin-top:19px;gap:0;color:var(--muted)}
.storefront-home .hero-trust span{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;font-size:10.5px!important;display:inline-flex;align-items:center}
.storefront-home .hero-trust span+span:before{content:"·";display:inline-block;margin:0 9px;color:color-mix(in srgb,var(--accent) 65%,var(--muted));font-weight:900}
.storefront-home .hero-featured-showcase{height:385px;min-height:385px;overflow:visible}
.storefront-home .hero-featured-book{width:min(285px,82%);transform:rotate(-5.5deg);filter:drop-shadow(0 28px 26px rgba(43,29,17,.17));transition:transform .25s ease,filter .25s ease}
.storefront-home .hero-featured-book:hover{transform:rotate(-2deg) translateY(-5px);filter:drop-shadow(0 32px 30px rgba(43,29,17,.20))}
.storefront-home .hero-featured-label{bottom:-31px;padding:5px 9px;border:0;background:color-mix(in srgb,var(--paper2) 88%,transparent);box-shadow:0 5px 16px rgba(40,28,18,.06)}
.storefront-home .hero-blob{filter:saturate(.72);opacity:calc(var(--hero-highlight-opacity) * .30)!important}
.storefront-home .hero-ring{opacity:calc(var(--hero-highlight-opacity) * .25)!important}
.home-category-pills{padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:var(--paper2)}
.home-category-pills>.container{display:flex;align-items:center;gap:12px}
.home-category-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:900;white-space:nowrap}
.category-cards.compact{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:1px 0}.category-cards.compact::-webkit-scrollbar{display:none}
.category-cards.compact a{flex:0 0 auto;min-height:0!important;padding:6px 10px!important;border-radius:999px;background:transparent!important;border:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;box-shadow:none!important}
.category-cards.compact a:hover{transform:none;background:color-mix(in srgb,var(--accent) 5%,var(--paper2))!important;border-color:color-mix(in srgb,var(--accent) 23%,var(--line))!important}
.category-cards.compact span{font-size:10.5px}.category-cards.compact small{display:none}
.featured-section{padding:38px 0 34px!important;background:var(--paper2)}
.featured-section .section-label.compact-heading{align-items:end;margin-bottom:14px}
.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:clamp(26px,3vw,35px)}
.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:11.5px;line-height:1.45;max-width:52ch}
.featured-carousel-viewport{grid-auto-columns:calc((100% - 66px)/4);gap:22px;padding:4px 1px 10px}
.featured-carousel-viewport>.product-card{border:0;border-radius:10px;background:transparent;overflow:visible;box-shadow:none}
.featured-carousel-viewport>.product-card:hover{box-shadow:none;transform:translateY(-2px)}
.featured-carousel-viewport .product-cover{border-radius:9px;box-shadow:0 13px 26px rgba(37,25,15,.10);border:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.featured-carousel-viewport .product-info{padding:10px 2px 0}
.featured-carousel-viewport .product-info h3{font-size:16px;line-height:1.2;min-height:0;margin:5px 0 4px}
.featured-carousel-viewport .product-author{font-size:10.5px}
.featured-carousel-viewport .product-bottom{border-top:0;margin-top:7px;padding-top:0}
.featured-carousel-viewport .product-bottom strong{font-size:15px}.featured-carousel-viewport .mini-buy{font-size:9.5px}
.compact-catalog-section{padding:28px 0 30px!important;background:color-mix(in srgb,var(--paper) 54%,var(--paper2))!important;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.mini-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mini-book-card{grid-template-columns:54px minmax(0,1fr);min-height:80px;padding:6px;border-radius:10px;background:color-mix(in srgb,var(--paper2) 94%,transparent);box-shadow:none}
.mini-book-cover{width:54px;height:75px;border-radius:6px}.mini-book-copy{padding:2px 4px}.mini-book-copy h3{font-size:12.5px;line-height:1.2;margin:2px 0}.mini-book-copy small{font-size:8.5px}.mini-book-bottom{padding-top:4px}.mini-book-bottom strong{font-size:11.5px}
.home-assurance{padding:13px 0 16px;background:var(--paper2)}
.home-assurance>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:0;border-top:0}
.assurance-intro{min-width:0}.assurance-intro h2{font-size:14px;white-space:nowrap;color:var(--muted);font-weight:800}
.assurance-grid{display:flex;gap:18px}.assurance-grid>div{display:block;border:0;background:transparent;padding:0}.assurance-grid i,.assurance-grid small{display:none}.assurance-grid b{font-size:9.5px;color:var(--muted);font-weight:800}.assurance-grid b:before{content:"✓";color:var(--accent);margin-right:5px;font-weight:900}

@media(max-width:980px){
  .storefront-home .commerce-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:26px}.storefront-home .hero-featured-book{width:min(245px,82%)}.mini-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .storefront-home .commerce-hero{padding:22px 0 20px!important}.storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;padding:6px 0!important;gap:0!important;min-height:0!important}.storefront-home .hero-featured-showcase{display:none!important}.storefront-home .hero-copy h1{max-width:12ch!important}.storefront-home .hero-mobile-book{display:grid!important;margin-top:16px;padding:11px 0 0;border:0;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:0;background:transparent;box-shadow:none;min-height:0}.storefront-home .hero-mobile-book:after{display:none}.storefront-home .hero-mobile-book img{box-shadow:0 10px 20px rgba(35,23,14,.13)}
}
@media(max-width:720px){
  .storefront-home .commerce-hero{padding:16px 0 15px!important}.storefront-home .hero-copy h1{font-size:clamp(32px,9.5vw,40px)!important;line-height:1!important;margin:8px 0 10px}.storefront-home .hero-copy>p{font-size:13.5px!important;line-height:1.5}.storefront-home .hero-actions{margin-top:14px}.storefront-home .hero-trust{margin-top:10px!important;gap:4px 0!important}.storefront-home .hero-trust span{font-size:8.5px!important}.storefront-home .hero-trust span+span:before{margin:0 6px}.home-category-pills{padding:8px 0}.home-category-pills>.container{gap:7px}.home-category-label{display:none}.category-cards.compact a{padding:5px 9px!important}.featured-section{padding:24px 0 21px!important}.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{display:none}.featured-carousel-viewport{grid-auto-columns:min(56vw,188px);gap:11px}.featured-carousel-viewport .product-info h3{font-size:13.5px!important}.compact-catalog-section{padding:21px 0 23px!important}.mini-catalog-grid{grid-template-columns:1fr;gap:6px}.mini-book-card{grid-template-columns:57px minmax(0,1fr);min-height:83px}.mini-book-cover{width:57px;height:79px}.home-assurance{padding:10px 0 13px}.home-assurance>.container{display:block}.assurance-intro{display:none}.assurance-grid{display:flex!important;justify-content:space-between!important;gap:8px!important}.assurance-grid>div{padding:0!important}.assurance-grid b{font-size:8.5px!important;white-space:nowrap}
}

/* ===== v0.6.3 public storefront visual redesign ===== */
body.storefront{--soft-accent:color-mix(in srgb,var(--accent) 8%,var(--paper2));--soft-accent-2:color-mix(in srgb,var(--accent2) 6%,var(--paper));background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 92%,#fff 8%),var(--paper));}
body.storefront .store-header{background:color-mix(in srgb,var(--paper2) 91%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 68%,transparent);box-shadow:0 8px 28px rgba(46,32,20,.025)}
body.storefront .store-links a{position:relative;color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-weight:760}
body.storefront .store-links a:after{content:"";position:absolute;height:2px;left:4px;right:4px;bottom:-8px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .18s ease}
body.storefront .store-links a:hover{color:var(--ink)}body.storefront .store-links a:hover:after{transform:scaleX(1)}
body.storefront .btn{border-radius:11px;min-height:43px;box-shadow:none}body.storefront .btn-primary{box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 18%,transparent)}
body.storefront .btn-primary:hover{box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent)}
body.storefront .page-kicker,body.storefront .hero-badge{font-size:10px;letter-spacing:.15em}

/* Home: editorial rather than text blocks. */
.storefront-home .commerce-hero{position:relative;isolation:isolate;padding:54px 0 48px!important;background:linear-gradient(112deg,color-mix(in srgb,var(--paper2) 75%,var(--paper) 25%),color-mix(in srgb,var(--accent) 5%,var(--paper) 95%))!important;overflow:hidden}
.storefront-home .commerce-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-240px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:0 0 0 58px color-mix(in srgb,var(--accent) 2.5%,transparent),0 0 0 116px color-mix(in srgb,var(--accent2) 2%,transparent);z-index:-1}
.storefront-home .commerce-hero-grid{min-height:500px!important;grid-template-columns:minmax(0,1.03fr) minmax(350px,.77fr)!important;gap:62px!important;align-items:center!important}
.storefront-home .hero-copy{position:relative;z-index:2}.storefront-home .hero-copy h1{font-size:clamp(48px,6.1vw,78px)!important;max-width:9.6ch!important;line-height:.96!important;margin:13px 0 19px!important}
.storefront-home .hero-copy>p{font-size:16.5px!important;max-width:52ch!important;color:color-mix(in srgb,var(--ink) 58%,var(--muted))!important}
.storefront-home .hero-actions{margin-top:25px!important}.storefront-home .hero-actions .btn{padding:13px 21px!important}.storefront-home .text-link{font-size:13px;color:var(--accent)}
.storefront-home .hero-trust{margin-top:28px!important;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);max-width:610px}
.storefront-home .hero-trust span{font-size:10px!important;color:color-mix(in srgb,var(--ink) 55%,var(--muted))!important}
.storefront-home .hero-featured-showcase{height:450px!important;min-height:450px!important;display:grid!important;place-items:center!important;perspective:1000px}
.storefront-home .hero-featured-showcase:before,.storefront-home .hero-featured-showcase:after{content:"";position:absolute;z-index:0;border-radius:18px;transform-origin:center;background:color-mix(in srgb,var(--paper2) 83%,var(--accent) 17%);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:0 20px 55px rgba(52,34,20,.06)}
.storefront-home .hero-featured-showcase:before{width:270px;height:370px;transform:translate(28px,16px) rotate(8deg)}
.storefront-home .hero-featured-showcase:after{width:265px;height:360px;background:color-mix(in srgb,var(--paper2) 88%,var(--accent2) 12%);transform:translate(-26px,24px) rotate(-8deg)}
.storefront-home .hero-featured-book{width:min(296px,82%)!important;transform:rotate(-3.5deg)!important;filter:drop-shadow(0 34px 28px rgba(45,28,15,.20))!important;z-index:5!important}
.storefront-home .hero-featured-book:hover{transform:rotate(-1deg) translateY(-7px)!important}
.storefront-home .hero-featured-book img{border-radius:7px!important}.storefront-home .hero-featured-label{bottom:-35px!important;background:var(--ink)!important;color:var(--paper2)!important;border:0!important;box-shadow:0 8px 18px rgba(30,20,12,.13)!important;padding:7px 12px!important}
.storefront-home .hero-blob,.storefront-home .hero-ring,.storefront-home .hero-spark{z-index:1!important}.storefront-home .hero-blob.blob-one{right:-4%!important;top:4px!important}.storefront-home .hero-blob.blob-two{left:0!important;bottom:6px!important}
.home-category-pills{padding:14px 0!important;background:color-mix(in srgb,var(--paper2) 96%,var(--accent) 4%)!important}.category-cards.compact a{padding:7px 12px!important;background:var(--paper2)!important}.category-cards.compact a:hover{transform:translateY(-1px)!important;box-shadow:0 6px 14px rgba(45,30,18,.04)!important}
.featured-section{padding:50px 0 44px!important}.featured-section .section-label.compact-heading{margin-bottom:21px!important}.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:clamp(30px,3.3vw,42px)!important}.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:13px!important;color:var(--muted)!important}
.featured-carousel-viewport{gap:26px!important}.featured-carousel-viewport>.product-card{transition:transform .22s ease!important}.featured-carousel-viewport>.product-card:hover{transform:translateY(-7px)!important}.featured-carousel-viewport .product-cover{border-radius:10px!important;box-shadow:0 16px 35px rgba(37,25,15,.13)!important}.featured-carousel-viewport .preview-chip{opacity:0;transform:translateY(4px);transition:.18s}.featured-carousel-viewport .product-card:hover .preview-chip{opacity:1;transform:none}
.featured-carousel-viewport .product-category{font-size:9px!important}.featured-carousel-viewport .product-info h3{font-size:17px!important;margin-top:6px!important}.featured-carousel-viewport .product-bottom{align-items:end!important}.featured-carousel-viewport .mini-buy{font-size:10px!important}
.compact-catalog-section{padding:38px 0 43px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 50%,var(--paper2)),color-mix(in srgb,var(--accent) 3%,var(--paper2)))!important}.mini-catalog-grid{gap:11px!important}.mini-book-card{grid-template-columns:64px minmax(0,1fr)!important;min-height:95px!important;padding:9px!important;border:1px solid color-mix(in srgb,var(--line) 76%,transparent)!important;border-radius:13px!important;background:color-mix(in srgb,var(--paper2) 95%,transparent)!important;transition:transform .18s,border-color .18s,box-shadow .18s}.mini-book-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important;box-shadow:0 10px 24px rgba(38,26,16,.06)}.mini-book-cover{width:64px!important;height:88px!important;border-radius:7px!important}.mini-book-copy{padding:4px 6px!important}.mini-book-copy h3{font-size:14px!important;margin:3px 0!important}.mini-book-bottom strong{font-size:12.5px!important}
.home-assurance{padding:0!important;background:var(--ink)!important;color:#fff}.home-assurance>.container{padding:22px 0!important}.assurance-intro h2{color:#fff!important;font-size:15px!important}.assurance-intro .page-kicker{color:color-mix(in srgb,var(--accent) 58%,#fff)!important}.assurance-grid{gap:26px!important}.assurance-grid b{color:rgba(255,255,255,.74)!important;font-size:10px!important}.assurance-grid b:before{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}

/* Shop: visual browse header. */
.shop-hero{position:relative;overflow:hidden;padding:54px 0 48px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--paper2) 85%,var(--accent) 15%),var(--paper))!important}.shop-hero:after{content:"";position:absolute;right:-90px;bottom:-160px;width:400px;height:400px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%}.shop-hero>.container.shop-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;align-items:center!important;gap:52px!important}.shop-hero-copy h1{font-size:clamp(44px,5.4vw,70px)!important;max-width:10ch;line-height:.98!important}.shop-hero-copy>p{max-width:50ch!important}.shop-search{margin-top:23px;width:min(520px,100%);border-radius:12px!important;padding:6px!important;box-shadow:0 12px 32px rgba(37,25,15,.08)!important}.shop-search input{flex:1;width:auto!important;min-width:0!important}.shop-cover-deck{height:300px;position:relative;perspective:900px}.shop-deck-book{position:absolute;display:block;width:145px;aspect-ratio:.72;top:30px;left:50%;border-radius:7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 22px 35px rgba(40,27,16,.16);background:var(--paper2)}.shop-deck-book img{width:100%;height:100%;object-fit:cover}.shop-deck-book.deck-1{transform:translateX(-115%) rotate(-9deg);z-index:1}.shop-deck-book.deck-2{transform:translateX(-50%) translateY(-14px);z-index:3}.shop-deck-book.deck-3{transform:translateX(15%) rotate(9deg);z-index:2}.shop-deck-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:185px;height:245px;border-radius:10px;background:linear-gradient(150deg,var(--accent),var(--accent2));color:white;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 36px rgba(40,27,16,.18)}.shop-deck-placeholder i{font-style:normal;font-size:11px;letter-spacing:.16em}.shop-deck-placeholder b{font:700 30px/1.02 var(--heading-font)}
.shop-results{padding-top:34px!important}.category-pills{margin-bottom:24px!important;padding:5px 0}.category-pills a{background:transparent!important;border-color:color-mix(in srgb,var(--line) 82%,transparent)!important}.category-pills a.active{background:var(--ink)!important}.shop-result-head{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.shop-result-head h2{font-size:clamp(26px,3vw,36px)}
.shop-results .product-grid{gap:26px 22px}.shop-results .product-card{border:0!important;background:transparent!important;border-radius:10px!important;overflow:visible!important}.shop-results .product-card:hover{box-shadow:none!important}.shop-results .product-cover{border-radius:10px!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);box-shadow:0 13px 30px rgba(38,25,15,.10)}.shop-results .product-info{padding:12px 2px!important}.shop-results .product-info h3{min-height:0!important}.shop-results .product-bottom{border-top:0!important;padding-top:4px!important;margin-top:8px!important}

/* Product detail: premium book page. */
.product-page{padding:38px 0 70px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 86%,var(--accent) 14%) 0, var(--paper) 420px)}
.product-page .breadcrumbs{margin-bottom:20px;color:var(--muted)}.product-detail{grid-template-columns:minmax(290px,.73fr) minmax(0,1.27fr)!important;gap:58px!important;max-width:1060px;margin:auto;align-items:start}.product-detail-media{padding:22px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:22px;background:color-mix(in srgb,var(--paper2) 92%,transparent);box-shadow:0 20px 50px rgba(39,26,16,.08)}.detail-cover{max-width:330px;margin:auto!important;box-shadow:0 26px 40px rgba(39,25,14,.18)!important;border-radius:8px!important;overflow:hidden}.preview-wide{margin-top:15px!important;border-radius:10px!important}.product-detail-copy{padding-top:18px}.product-detail-copy h1{font-size:clamp(43px,5vw,64px)!important;line-height:.98!important;max-width:12ch}.product-byline{margin:11px 0 20px!important}.detail-price{font-size:34px!important;margin:15px 0 16px;color:var(--ink)}.detail-description{max-width:58ch;color:color-mix(in srgb,var(--ink) 68%,var(--muted));line-height:1.7!important}.purchase-box{margin:25px 0 21px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--paper2) 92%,var(--accent) 8%);box-shadow:0 10px 30px rgba(41,27,16,.05)}.purchase-box .btn.big{min-height:49px}.detail-trust{margin-top:18px!important;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);padding-top:8px}.detail-trust>div{position:relative;padding-left:28px!important}.detail-trust>div:before{content:"✓";position:absolute;left:0;top:12px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--paper));color:var(--accent);font-size:10px;font-weight:900}.policy-shortcuts{margin-top:18px!important}

/* Information / policies. */
.info-page{min-height:70vh;background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 86%,var(--accent) 14%) 0, var(--paper) 360px)}
.info-hero{padding:52px 0 35px}.info-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:54px;align-items:center}.info-hero-copy h1{font-size:clamp(42px,5.6vw,68px);max-width:11ch;line-height:.98;margin:10px 0 15px}.info-hero-copy>p{font-size:15px;color:var(--muted);max-width:52ch;line-height:1.65}.policy-updated{display:inline-flex;margin-top:14px;padding:6px 9px;border-radius:999px;background:var(--paper2);border:1px solid var(--line);font-size:10px;color:var(--muted)}
.info-hero-art{position:relative;height:245px}.info-art-sheet{position:absolute;width:165px;height:215px;left:50%;top:50%;border-radius:9px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);box-shadow:0 18px 32px rgba(40,26,15,.10)}.info-art-sheet.sheet-a{background:color-mix(in srgb,var(--paper2) 82%,var(--accent) 18%);transform:translate(-75%,-49%) rotate(-11deg)}.info-art-sheet.sheet-b{background:color-mix(in srgb,var(--paper2) 86%,var(--accent2) 14%);transform:translate(-26%,-48%) rotate(10deg)}.info-art-sheet.sheet-c{background:var(--paper2);transform:translate(-50%,-54%);z-index:3;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.info-art-sheet.sheet-c i{font-style:normal;font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:900}.info-art-sheet.sheet-c b{font:700 20px/1.02 var(--heading-font);word-break:break-word}
.info-content{padding:20px 0 75px}.info-layout{display:grid;grid-template-columns:245px minmax(0,730px);gap:30px;justify-content:center;align-items:start}.info-sidebar{position:sticky;top:100px;display:grid;gap:13px}.info-nav-card,.info-help-card{border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:15px;background:var(--paper2);padding:13px;box-shadow:0 8px 24px rgba(40,27,16,.035)}.info-side-label{display:block;padding:5px 7px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:900}.info-nav-card a{display:flex;align-items:center;justify-content:space-between;padding:8px 8px;border-radius:8px;font-size:11px;color:var(--muted);font-weight:760}.info-nav-card a:hover,.info-nav-card a.active{background:var(--soft-accent);color:var(--ink)}.info-nav-card a b{color:var(--accent)}.info-help-card{padding:17px}.info-help-card span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.info-help-card b{display:block;font:700 18px/1.1 var(--heading-font);margin:7px 0 11px}.info-help-card a{font-size:11px;color:var(--accent);font-weight:850}
.info-paper{background:var(--paper2);border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:20px;padding:38px 42px;box-shadow:0 16px 46px rgba(40,27,16,.05);font-size:15px!important;line-height:1.75!important}.info-copy-block{position:relative;padding:0 0 24px 42px;margin:0 0 24px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.info-copy-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.info-copy-block h2{font-size:24px;margin:0 0 10px}.info-copy-block p{margin:0!important}.copy-index{position:absolute;left:0;top:2px;width:27px;height:27px;border-radius:8px;background:var(--soft-accent);display:grid;place-items:center;color:var(--accent);font-size:9px;font-weight:900}

/* About / story. */
.story-page{background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 92%,var(--accent) 8%),var(--paper))}.story-hero{padding:62px 0 54px}.story-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:62px;align-items:center}.story-hero h1{font-size:clamp(46px,5.8vw,72px);max-width:11ch;line-height:.97;margin:12px 0 18px}.story-lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:55ch}.story-actions{display:flex;gap:18px;align-items:center;margin-top:24px}.about-book-stack{height:390px;position:relative}.stack-book{position:absolute;width:190px;aspect-ratio:.72;left:50%;top:50%;border-radius:8px;overflow:hidden;box-shadow:0 25px 42px rgba(41,27,16,.17);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.stack-book img{width:100%;height:100%;object-fit:cover}.stack-book.stack-1{transform:translate(-125%,-48%) rotate(-10deg);z-index:1}.stack-book.stack-2{transform:translate(-50%,-55%) rotate(1deg);z-index:3}.stack-book.stack-3{transform:translate(25%,-47%) rotate(10deg);z-index:2}.stack-placeholder{position:absolute;width:235px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 44px rgba(40,27,16,.20)}.stack-placeholder span{font-size:11px;letter-spacing:.15em}.stack-placeholder b{font:700 36px/1 var(--heading-font)}
.story-values{padding:0 0 55px}.value-grid,.contact-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.value-grid article,.contact-help-grid article{padding:24px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:16px;background:var(--paper2)}.value-grid article>span,.contact-help-grid article>span{font-size:10px;font-weight:900;color:var(--accent);letter-spacing:.08em}.value-grid h2,.contact-help-grid h2{font-size:22px;margin:18px 0 8px}.value-grid p,.contact-help-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.story-body{padding:55px 0 70px;background:var(--ink);color:white}.story-body>.container{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.story-quote i{font:700 70px/.5 var(--heading-font);color:color-mix(in srgb,var(--accent) 65%,#fff);font-style:normal}.story-quote p{font:700 clamp(28px,3.4vw,42px)/1.08 var(--heading-font);margin:18px 0 0;max-width:12ch}.story-body-card{border-left:1px solid rgba(255,255,255,.16);padding-left:42px}.story-body-card .page-kicker{color:color-mix(in srgb,var(--accent) 60%,#fff)}.story-body-card h2{font-size:clamp(28px,3.3vw,42px);color:#fff}.story-body-card p{color:rgba(255,255,255,.68);line-height:1.75;max-width:60ch}

/* Contact. */
.contact-page{background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%),var(--paper))}.contact-hero{padding:62px 0 54px}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:60px;align-items:center}.contact-hero h1{font-size:clamp(46px,5.6vw,70px);line-height:.98;margin:11px 0 18px}.contact-hero>div>div:first-child>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:52ch}.contact-primary-card{position:relative;padding:27px 27px 25px;border-radius:20px;background:var(--ink);color:#fff;box-shadow:0 22px 45px rgba(38,24,14,.16);overflow:hidden}.contact-primary-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;background:color-mix(in srgb,var(--accent) 25%,transparent)}.contact-icon{display:grid;width:42px;height:42px;border-radius:12px;place-items:center;background:color-mix(in srgb,var(--accent) 65%,#fff);color:var(--ink);font-size:18px;margin-bottom:23px}.contact-primary-card small{display:block;color:rgba(255,255,255,.52);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contact-primary-card>a{display:block;font-size:clamp(18px,2vw,25px);font-weight:850;margin:6px 0 12px;overflow-wrap:anywhere}.contact-primary-card>p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.58);max-width:38ch}.contact-phone{margin-top:19px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.contact-phone strong{display:block;margin-top:5px}.contact-help{padding:20px 0 56px}.contact-policies{padding:22px 0;background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-policies>.container{display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-policies>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:900}.contact-policies>div>div{display:flex;gap:18px;flex-wrap:wrap}.contact-policies a{font-size:11px;font-weight:800;color:var(--accent)}

/* Checkout, account and library should look like a store, not raw forms. */
.checkout-page{padding:45px 0 70px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%),var(--paper) 360px)}.checkout-grid{gap:38px!important}.checkout-book{position:sticky;top:112px!important;border:0!important;border-radius:19px!important;padding:22px!important;background:var(--ink)!important;color:#fff!important;box-shadow:0 22px 46px rgba(38,24,14,.16)!important}.checkout-book img{box-shadow:0 18px 30px rgba(0,0,0,.22)!important}.checkout-book .page-kicker{color:color-mix(in srgb,var(--accent) 58%,#fff)!important}.checkout-book h2{color:#fff!important}.checkout-book p{color:rgba(255,255,255,.56)!important}.checkout-book del{color:rgba(255,255,255,.5)}.checkout-card,.purchase-success,.access-card{border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;border-radius:20px!important;background:var(--paper2)!important;box-shadow:0 18px 45px rgba(38,25,15,.07)!important}.guest-checkout-form input,.gcash-reference-form input,.access-link-box input{background:#fff!important;border-color:color-mix(in srgb,var(--line) 88%,transparent)!important;min-height:45px}.purchase-policy-agree,.marketing-opt{border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:11px;padding:11px;background:color-mix(in srgb,var(--paper) 65%,var(--paper2))}.checkout-assurance{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.checkout-assurance span{padding:9px;border-radius:9px;background:var(--soft-accent);font-size:10px;color:color-mix(in srgb,var(--ink) 68%,var(--muted))}.payment-method{border-radius:14px!important}.payment-paypal{min-height:58px!important}.gcash-method{border-color:color-mix(in srgb,#007dff 18%,var(--line))!important}
.auth-box{position:relative;width:min(480px,calc(100% - 32px))!important;margin:65px auto!important;padding:30px!important;border-radius:22px!important;background:var(--paper2)!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;box-shadow:0 22px 55px rgba(39,25,14,.08)!important}.auth-box:before{content:"";position:absolute;left:28px;right:28px;top:-8px;height:8px;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--accent) 22%,var(--paper2));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-bottom:0}.auth-box h2{font-size:36px}.auth-box .field input{min-height:45px;background:#fff}
.my-books-page{padding-top:50px!important}.my-books-page .section-head{padding-bottom:19px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.my-books-page .section-head h2{font-size:clamp(34px,4vw,50px)}.my-books-page .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;margin-top:28px!important}.my-books-page .card{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.my-books-page .cover{aspect-ratio:.72!important;border-radius:10px!important;box-shadow:0 15px 32px rgba(38,25,15,.12);border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.my-books-page .card-body{padding:13px 2px!important}.my-books-page .card-body h3{font-size:18px!important}.my-books-page .badge.good{font-size:9px}.my-books-page .actions .btn{width:100%;min-height:40px}
.access-entry{padding:60px 0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%),var(--paper))}.access-card{position:relative;overflow:hidden}.access-card:after{content:"BOOKS";position:absolute;right:-8px;top:-11px;font:900 78px/1 sans-serif;letter-spacing:-.08em;color:color-mix(in srgb,var(--accent) 4%,transparent);pointer-events:none}

/* Footer becomes a designed closing section. */
.store-footer{position:relative;padding-top:58px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--ink) 96%,#000),color-mix(in srgb,var(--accent2) 18%,var(--ink)))!important;overflow:hidden}.store-footer:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-150px;bottom:-230px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012)}.footer-brand{font-size:27px!important}.footer-grid p{font-size:13px!important;max-width:36ch!important}.footer-grid h4{font-size:11px!important;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.48)}.footer-grid a{font-size:12px!important}.footer-icon-link{transition:transform .18s,background .18s}.footer-icon-link:hover{transform:translateY(-2px)}

@media(max-width:980px){
  .storefront-home .commerce-hero-grid{grid-template-columns:minmax(0,1fr) 310px!important;gap:32px!important}.storefront-home .hero-featured-book{width:min(250px,82%)!important}.shop-hero>.container.shop-hero-grid{grid-template-columns:minmax(0,1fr) 260px!important;gap:28px!important}.shop-cover-deck{height:260px}.shop-deck-book{width:125px}.story-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:34px}.about-book-stack{height:330px}.stack-book{width:160px}.contact-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:30px}.my-books-page .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;min-height:0!important}.storefront-home .hero-featured-showcase{display:none!important}.storefront-home .commerce-hero{padding:29px 0 26px!important}.storefront-home .hero-mobile-book{margin-top:21px!important;padding:13px!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;border-radius:14px!important;background:var(--paper2)!important;box-shadow:0 10px 25px rgba(38,25,15,.05)!important}.storefront-home .hero-mobile-book img{width:66px!important;height:92px!important;border-radius:6px!important}.storefront-home .hero-mobile-book span{padding-right:4px}
  .shop-hero>.container.shop-hero-grid{grid-template-columns:1fr!important}.shop-cover-deck{display:none}.shop-hero{padding:34px 0 30px!important}.shop-search{margin-top:18px}.info-hero-grid{grid-template-columns:1fr}.info-hero-art{display:none}.info-layout{grid-template-columns:1fr}.info-sidebar{position:static;grid-template-columns:1fr 1fr}.info-nav-card{display:none}.story-hero-grid{grid-template-columns:1fr}.about-book-stack{height:280px;max-width:360px;width:100%;margin:0 auto}.stack-book{width:135px}.story-body>.container{grid-template-columns:1fr;gap:30px}.story-body-card{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:30px 0 0}.contact-hero-grid{grid-template-columns:1fr}.contact-primary-card{max-width:520px}.checkout-book{position:static!important}.my-books-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.storefront .container{width:min(100% - 26px,1180px)}.storefront-home .commerce-hero:before{width:280px;height:280px;right:-150px;top:-150px}.storefront-home .hero-copy h1{font-size:clamp(35px,10.7vw,44px)!important;max-width:11ch!important}.storefront-home .hero-copy>p{font-size:14px!important;line-height:1.55!important}.storefront-home .hero-trust{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.storefront-home .hero-trust span+span:before{display:none!important}.featured-section{padding:30px 0 27px!important}.featured-carousel-viewport{grid-auto-columns:min(62vw,205px)!important;gap:13px!important}.compact-catalog-section{padding:27px 0 30px!important}.mini-catalog-grid{grid-template-columns:1fr!important}.mini-book-card{grid-template-columns:61px minmax(0,1fr)!important}.home-assurance>.container{padding:16px 0!important}.assurance-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.assurance-grid b{white-space:normal!important;line-height:1.25!important}
  .shop-hero-copy h1{font-size:clamp(36px,10.2vw,45px)!important}.shop-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 13px!important}.shop-results .product-info h3{font-size:15px!important}.shop-results .product-author{font-size:10.5px}.shop-results .product-bottom strong{font-size:14px!important}.shop-results .mini-buy{font-size:9px}.preview-chip{font-size:9px;padding:5px 7px;left:8px;bottom:8px}
  .product-page{padding-top:22px!important}.product-detail{grid-template-columns:1fr!important;gap:24px!important}.product-detail-media{padding:14px!important;max-width:310px;width:100%;margin:auto}.product-detail-copy{padding-top:0!important}.product-detail-copy h1{font-size:clamp(35px,10vw,45px)!important;max-width:none}.purchase-box{padding:14px!important}
  .info-hero{padding:35px 0 20px}.info-hero-copy h1{font-size:clamp(35px,10vw,45px);max-width:none}.info-content{padding:10px 0 48px}.info-sidebar{grid-template-columns:1fr}.info-help-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-help-card b{margin:0;font-size:15px}.info-help-card span{display:none}.info-paper{padding:24px 18px!important;border-radius:15px}.info-copy-block{padding-left:35px}.info-copy-block h2{font-size:20px}.copy-index{width:25px;height:25px}
  .story-hero{padding:37px 0 30px}.story-hero h1{font-size:clamp(36px,10vw,46px);max-width:none}.story-lead{font-size:14px}.story-actions{margin-top:18px}.about-book-stack{height:225px}.stack-book{width:105px}.value-grid,.contact-help-grid{grid-template-columns:1fr}.value-grid article,.contact-help-grid article{padding:18px}.story-values{padding-bottom:34px}.story-body{padding:38px 0 45px}.story-quote p{font-size:30px}.story-body-card h2{font-size:29px}
  .contact-hero{padding:37px 0 30px}.contact-hero h1{font-size:clamp(36px,10vw,46px)}.contact-primary-card{padding:21px}.contact-help{padding:10px 0 36px}.contact-policies>.container{align-items:flex-start;flex-direction:column}.contact-policies>div>div{gap:12px}
  .checkout-page{padding:25px 0 45px!important}.checkout-grid{gap:16px!important}.checkout-assurance{grid-template-columns:1fr!important}.checkout-book{grid-template-columns:82px 1fr!important;padding:14px!important}.checkout-book img{width:82px!important}.auth-box{margin:32px auto!important;padding:22px!important}.my-books-page{padding-top:32px!important}.my-books-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 12px!important}.my-books-page .card-body h3{font-size:15px!important}.my-books-page .card-body{padding-top:9px!important}.my-books-page .actions .btn{font-size:11px;min-height:37px}
  .footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1}.store-footer{padding-top:38px!important}
}
@media(max-width:420px){
  .shop-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-results .product-info{padding-top:9px!important}.shop-results .product-info h3{font-size:13.5px!important}.shop-results .product-category{font-size:8px}.shop-results .product-bottom{display:block!important}.shop-results .mini-buy{display:inline-block;margin-top:3px}.my-books-page .grid{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}.info-help-card{display:block}.info-help-card b{margin:5px 0 8px}
}

/* ===== v0.6.4 denser storefront + policy document redesign ===== */
body.storefront{line-height:1.45}
body.storefront p{margin-top:0}
body.storefront .store-nav{min-height:64px!important}
body.storefront .store-links{gap:3px!important}
body.storefront .store-links a{padding:8px 10px!important;font-size:12px!important}
body.storefront .btn{min-height:40px!important;padding:9px 14px!important;font-size:12px!important}
body.storefront h1,body.storefront h2,body.storefront h3{letter-spacing:-.025em}

/* Home: less empty air, stronger content density. */
.storefront-home .commerce-hero{padding:36px 0 32px!important}
.storefront-home .commerce-hero-grid{min-height:405px!important;grid-template-columns:minmax(0,1.04fr) minmax(330px,.72fr)!important;gap:42px!important}
.storefront-home .hero-copy h1{font-size:clamp(44px,5.45vw,66px)!important;line-height:.98!important;margin:10px 0 14px!important;max-width:10.6ch!important}
.storefront-home .hero-copy>p{font-size:15px!important;line-height:1.5!important;max-width:48ch!important}
.storefront-home .hero-actions{margin-top:18px!important}
.storefront-home .hero-trust{margin-top:18px!important;padding-top:12px!important}
.storefront-home .hero-featured-showcase{height:360px!important;min-height:360px!important}
.storefront-home .hero-featured-showcase:before{width:230px!important;height:315px!important}
.storefront-home .hero-featured-showcase:after{width:225px!important;height:305px!important}
.storefront-home .hero-featured-book{width:min(244px,78%)!important}
.home-category-pills{padding:10px 0!important}
.featured-section{padding:32px 0 30px!important}
.featured-section .section-label.compact-heading,.compact-catalog-section .section-label.compact-heading{margin-bottom:15px!important}
.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:clamp(27px,3vw,36px)!important;margin-bottom:5px!important}
.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:12px!important;line-height:1.45!important;margin:0!important}
.compact-catalog-section{padding:29px 0 31px!important}
.home-assurance{background:color-mix(in srgb,var(--paper2) 96%,var(--accent) 4%)!important;color:var(--ink)!important;border-top:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent)}
.home-assurance>.container{padding:12px 0!important}
.assurance-intro h2{color:var(--ink)!important}.assurance-intro .page-kicker{color:var(--accent)!important}
.assurance-grid{gap:18px!important}.assurance-grid b{color:color-mix(in srgb,var(--ink) 72%,var(--muted))!important;font-size:9.5px!important}
.assurance-grid b:before{color:var(--accent)!important}

/* One featured title becomes a spotlight instead of a lonely carousel card. */
.featured-single{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:center;max-width:850px;margin:0 auto;padding:22px 26px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:18px;background:linear-gradient(115deg,var(--paper2),color-mix(in srgb,var(--accent) 5%,var(--paper2)));box-shadow:0 14px 34px rgba(39,26,15,.06)}
.featured-single-cover{display:block;width:180px;margin:auto;transform:rotate(-1.5deg);transition:.2s ease}
.featured-single-cover:hover{transform:rotate(0deg) translateY(-3px)}
.featured-single-cover img{display:block;width:100%;aspect-ratio:.72;object-fit:cover;border-radius:8px;box-shadow:0 16px 30px rgba(39,26,15,.16)}
.featured-single-copy h3{font-size:clamp(27px,3vw,38px);margin:5px 0 3px;line-height:1.02}
.featured-single-author{font-size:11px;color:var(--muted);margin:0 0 13px!important}
.featured-single-desc{font-size:13px;line-height:1.55;max-width:54ch;color:color-mix(in srgb,var(--ink) 72%,var(--muted));margin:0 0 14px!important}
.featured-single-price{font-size:20px;font-weight:900;margin:0 0 13px}
.featured-single-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Shop/product/about/contact: bring related content closer together. */
.shop-hero{padding:38px 0 34px!important}.shop-hero-copy h1{font-size:clamp(39px,4.7vw,58px)!important;margin-bottom:10px!important}.shop-hero-copy>p{font-size:14px!important;line-height:1.5!important}.shop-cover-deck{height:245px!important}.shop-deck-book{width:118px!important}.shop-results{padding-top:26px!important;padding-bottom:42px!important}.category-pills{margin-bottom:18px!important}
.product-page{padding:28px 0 48px!important}.breadcrumbs{margin-bottom:17px!important}.product-detail{gap:34px!important}.product-detail-copy h1{font-size:clamp(36px,4.5vw,52px)!important;margin:7px 0 7px!important}.detail-description{font-size:14px!important;line-height:1.58!important;margin:14px 0!important}.purchase-box{margin-top:16px!important;padding:16px!important}.detail-trust{margin-top:16px!important;gap:8px!important}.detail-trust>div{padding:11px!important}.policy-shortcuts{margin-top:12px!important}
.story-hero,.contact-hero{padding:38px 0 32px!important}.story-hero h1,.contact-hero h1{font-size:clamp(39px,5vw,60px)!important}.story-lead,.contact-hero p{font-size:14px!important;line-height:1.55!important}.story-body{padding:34px 0 38px!important}.story-values,.contact-help{padding:24px 0 34px!important}.value-grid,.contact-help-grid{gap:12px!important}.value-grid article,.contact-help-grid article{padding:18px!important}.contact-policies{padding:15px 0!important}
.auth-box{margin:38px auto!important;padding:24px!important}.auth-box h2{font-size:31px!important}.my-books-page{padding-top:34px!important;padding-bottom:44px!important}.my-books-page .grid{margin-top:19px!important}

/* Policy/legal pages: compact, readable document instead of oversized text + empty artwork. */
.policy-page{min-height:65vh;background:var(--paper)}
.policy-mast{padding:27px 0 21px;background:linear-gradient(120deg,color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%),var(--paper));border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.policy-crumbs{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-bottom:15px}.policy-crumbs a:hover{color:var(--accent)}
.policy-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.policy-title-row h1{font-size:clamp(34px,4.2vw,50px);line-height:1;margin:6px 0 8px;max-width:none}.policy-title-row>div:first-child>p{font-size:13px;line-height:1.5;color:var(--muted);max-width:62ch;margin:0}
.policy-meta{min-width:185px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:11px;background:rgba(255,255,255,.42)}.policy-meta span,.policy-meta b{display:block}.policy-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.policy-meta b{font-size:11px;margin-top:3px}
.policy-body{padding:24px 0 46px}.policy-shell{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:22px;align-items:start}.policy-document{background:var(--paper2);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:15px;box-shadow:0 12px 30px rgba(40,27,16,.045);overflow:hidden}.policy-document-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 17px;background:color-mix(in srgb,var(--accent) 4%,var(--paper2));border-bottom:1px solid var(--line)}.policy-document-top span{font:700 15px var(--heading-font);color:var(--ink)}.policy-document-top small{font-size:9.5px;color:var(--muted);text-align:right}
.policy-clauses{padding:2px 18px}.policy-clause{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.policy-clause:last-child{border-bottom:0}.policy-clause-no{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--accent);padding-top:4px}.policy-clause h2{font-family:inherit;font-size:14px;line-height:1.3;letter-spacing:0;margin:0 0 5px;font-weight:850}.policy-clause p{font-size:12.5px;line-height:1.62;color:color-mix(in srgb,var(--ink) 82%,var(--muted));margin:0;max-width:78ch}
.policy-aside{position:sticky;top:80px;display:grid;gap:10px}.policy-nav-compact,.policy-contact-mini{border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:13px;background:color-mix(in srgb,var(--paper2) 94%,transparent);padding:12px}.policy-nav-compact>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--muted);margin-bottom:6px}.policy-nav-compact>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;font-size:10.5px;color:color-mix(in srgb,var(--ink) 72%,var(--muted))}.policy-nav-compact>a b{font-size:10px;color:var(--accent)}.policy-nav-compact>a:hover,.policy-nav-compact>a.active{background:color-mix(in srgb,var(--accent) 7%,var(--paper2));color:var(--ink)}
.policy-contact-mini b{font-size:12px}.policy-contact-mini p{font-size:10.5px;line-height:1.45;color:var(--muted);margin:5px 0 7px}.policy-contact-mini a{font-size:10.5px;font-weight:850;color:var(--accent)}

/* Newsletter is a light compact bridge, footer is only the closing navigation. */
.store-newsletter{background:color-mix(in srgb,var(--accent) 5%,var(--paper2));border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.store-newsletter .newsletter-strip{margin:0!important;padding:20px 0!important;border:0!important;color:var(--ink)!important;grid-template-columns:minmax(0,1fr) minmax(310px,430px)!important;gap:28px!important}.store-newsletter .newsletter-strip h3{color:var(--ink)!important;font-size:20px!important;margin:2px 0 3px!important}.store-newsletter .newsletter-strip p{color:var(--muted)!important;font-size:11.5px!important;line-height:1.45!important;max-width:55ch!important}.store-newsletter .newsletter-strip input{background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--line)!important;height:40px!important}.store-newsletter .newsletter-strip input::placeholder{color:var(--muted)!important}.store-newsletter .page-kicker{font-size:8.5px!important}
.store-footer{padding:30px 0 14px!important;background:color-mix(in srgb,var(--ink) 97%,#000)!important}.store-footer:before{display:none!important}.footer-grid{grid-template-columns:1.7fr .7fr .7fr 1fr!important;gap:26px!important}.footer-brand{font-size:20px!important}.footer-grid p{font-size:11px!important;line-height:1.5!important;max-width:35ch!important;margin:5px 0 10px!important}.footer-grid h4{font-size:9px!important;margin-bottom:7px!important}.footer-grid>div:not(:first-child){gap:5px!important}.footer-grid a{font-size:10.5px!important}.footer-social-icons{gap:6px!important}.footer-icon-link{width:29px!important;height:29px!important}.footer-bottom{margin-top:18px!important;padding-top:11px!important;font-size:9.5px!important}.footer-bottom-links{display:flex;align-items:center;gap:13px}.footer-bottom-links a{color:rgba(255,255,255,.5)}.footer-bottom-links a:hover{color:#fff}

@media(max-width:860px){
  .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important}.storefront-home .commerce-hero{padding:25px 0 23px!important}.featured-single{grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px}.featured-single-cover{width:135px}.featured-single-copy h3{font-size:28px}.policy-title-row{grid-template-columns:1fr}.policy-meta{min-width:0;width:max-content;max-width:100%}.policy-shell{grid-template-columns:1fr}.policy-aside{position:static;grid-template-columns:1fr 1fr}.policy-nav-compact{order:2}.store-newsletter .newsletter-strip{grid-template-columns:1fr!important;gap:12px!important}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)!important}
}
@media(max-width:620px){
  body.storefront .store-nav{min-height:58px!important}.storefront-home .hero-copy h1{font-size:clamp(33px,10vw,41px)!important}.featured-section{padding:24px 0!important}.featured-single{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:13px;border-radius:14px}.featured-single-cover{width:88px}.featured-single-copy h3{font-size:21px}.featured-single-desc{font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-single-author{margin-bottom:7px!important}.featured-single-price{font-size:16px;margin-bottom:8px}.featured-single-actions .btn{min-height:35px!important;padding:7px 10px!important;font-size:10px!important}.home-assurance>.container{padding:10px 0!important}.shop-hero{padding:28px 0 24px!important}.shop-results{padding-top:20px!important}.product-page{padding-top:18px!important}.story-hero,.contact-hero{padding:28px 0 24px!important}.story-body{padding:28px 0 30px!important}.policy-mast{padding:20px 0 16px}.policy-title-row h1{font-size:34px}.policy-title-row>div:first-child>p{font-size:11.5px}.policy-meta{padding:8px 10px}.policy-body{padding:15px 0 31px}.policy-document-top{display:block;padding:11px 13px}.policy-document-top small{display:block;text-align:left;margin-top:2px}.policy-clauses{padding:0 13px}.policy-clause{grid-template-columns:24px minmax(0,1fr);gap:7px;padding:12px 0}.policy-clause p{font-size:11.5px;line-height:1.56}.policy-clause h2{font-size:13px}.policy-aside{grid-template-columns:1fr}.policy-nav-compact{display:none}.store-newsletter .newsletter-strip{padding:16px 0!important}.store-newsletter .newsletter-strip form{grid-template-columns:1fr auto!important}.store-newsletter .newsletter-strip h3{font-size:17px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:16px 20px!important}.footer-grid>div:first-child{grid-column:1/-1}.store-footer{padding-top:22px!important}.footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px}.footer-bottom-links{gap:10px;flex-wrap:wrap}
}
@media(max-width:390px){.featured-single{grid-template-columns:82px minmax(0,1fr)}.featured-single-cover{width:76px}.featured-single-copy h3{font-size:18px}.featured-single-desc{display:none}.store-newsletter .newsletter-strip form{grid-template-columns:1fr!important}.store-newsletter .newsletter-strip .btn{width:100%!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}}

/* ===== v0.6.5 readability rebalance — dense, not tiny ===== */
body.storefront{font-size:16px;line-height:1.58}
body.storefront .store-links a{font-size:14px!important;padding:9px 11px!important}
body.storefront .btn{min-height:44px!important;padding:10px 16px!important;font-size:14px!important}
body.storefront .page-kicker,body.storefront .hero-badge{font-size:11px!important}
body.storefront .text-link{font-size:14px}

/* Homepage keeps the compact composition but restores normal reading sizes. */
.storefront-home .hero-copy>p{font-size:17px!important;line-height:1.58!important;max-width:52ch!important}
.storefront-home .hero-trust span{font-size:12.5px!important}
.home-category-label{font-size:11px!important}
.category-cards.compact a{font-size:13px!important;padding:8px 12px!important;min-height:38px!important}
.category-cards.compact span{font-size:13px!important}.category-cards.compact small{font-size:12px!important}
.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:clamp(31px,3.2vw,40px)!important}
.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:14.5px!important;line-height:1.55!important}
.section-actions a{font-size:13px!important}
.featured-single{grid-template-columns:230px minmax(0,1fr);gap:34px;max-width:920px;padding:28px 32px}
.featured-single-cover{width:198px}.featured-single-copy h3{font-size:clamp(31px,3.2vw,42px)}
.featured-single-author{font-size:13.5px;margin-bottom:14px!important}.featured-single-desc{font-size:15.5px;line-height:1.62;max-width:58ch;margin-bottom:16px!important}.featured-single-price{font-size:23px}
.featured-carousel-viewport .product-category{font-size:10.5px!important}.featured-carousel-viewport .product-info h3{font-size:19px!important;line-height:1.25!important}.featured-carousel-viewport .product-author{font-size:13px!important}.featured-carousel-viewport .product-bottom strong{font-size:18px!important}.featured-carousel-viewport .mini-buy{font-size:12px!important}
.mini-book-card{grid-template-columns:74px minmax(0,1fr)!important;min-height:108px!important;padding:11px!important}.mini-book-cover{width:74px!important;height:102px!important}.mini-book-copy{padding:4px 8px!important}.mini-book-copy h3{font-size:16px!important;line-height:1.24!important;margin:4px 0!important}.mini-book-copy .meta,.mini-book-copy small{font-size:12px!important}.mini-book-bottom strong{font-size:14.5px!important}.mini-book-bottom a{font-size:12.5px!important}
.assurance-intro h2{font-size:18px!important}.assurance-grid b{font-size:12px!important;line-height:1.35!important}

/* Browse and product pages: readable retail sizing without restoring oversized whitespace. */
.shop-hero-copy>p,.story-lead,.contact-hero p{font-size:16px!important;line-height:1.62!important}
.shop-results .product-category{font-size:10.5px!important}.shop-results .product-info h3{font-size:18px!important;line-height:1.24!important}.shop-results .product-author{font-size:13px!important}.shop-results .product-bottom strong{font-size:17px!important}.shop-results .mini-buy{font-size:12px!important}.preview-chip{font-size:10.5px!important}
.detail-description{font-size:16px!important;line-height:1.68!important}.product-detail-copy .meta{font-size:13.5px}.purchase-box{padding:20px!important}.detail-trust>div{padding:13px!important}.detail-trust b{font-size:13px}.detail-trust span,.policy-shortcuts a{font-size:12.5px!important}
.value-grid p,.contact-help-grid p{font-size:15px!important;line-height:1.65!important}.value-grid h2,.contact-help-grid h2{font-size:24px!important}.value-grid article>span,.contact-help-grid article>span{font-size:11px!important}
.story-body-card p{font-size:15.5px!important;line-height:1.7!important}.contact-primary-card p,.contact-primary-card a{font-size:15px!important}
.auth-box{width:min(520px,calc(100% - 32px))!important;padding:30px!important}.auth-box h2{font-size:35px!important}.auth-box .field label{font-size:14px}.auth-box .field input{min-height:47px;font-size:16px}
.my-books-page .card-body h3{font-size:19px!important}.my-books-page .card-body .meta{font-size:13px!important}.my-books-page .badge.good{font-size:11px!important}

/* Checkout text must be legible enough to review before spending money. */
.checkout-card,.purchase-success,.access-card{font-size:15px}.checkout-card h2,.purchase-success h2,.access-card h2{font-size:clamp(28px,3vw,36px)}
.guest-checkout-form label,.gcash-reference-form label{font-size:14px}.guest-checkout-form input,.gcash-reference-form input,.access-link-box input{min-height:48px;font-size:16px}.purchase-policy-agree,.marketing-opt{font-size:13.5px;line-height:1.5}.checkout-assurance span{font-size:12px!important;line-height:1.35}.payment-method{font-size:14px}.checkout-book p{font-size:14px!important;line-height:1.55!important}

/* Legal/reference pages: document density retained, ant-sized typography removed. */
.policy-crumbs{font-size:12px}.policy-title-row h1{font-size:clamp(38px,4.4vw,54px)}.policy-title-row>div:first-child>p{font-size:15.5px;line-height:1.6;max-width:68ch}
.policy-meta{min-width:205px;padding:13px 15px}.policy-meta span{font-size:10.5px}.policy-meta b{font-size:13px;margin-top:4px}
.policy-body{padding:28px 0 48px}.policy-shell{grid-template-columns:minmax(0,1fr) 260px;gap:26px}.policy-document-top{padding:15px 20px}.policy-document-top span{font-size:18px}.policy-document-top small{font-size:11.5px}
.policy-clauses{padding:3px 22px}.policy-clause{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:19px 0}.policy-clause-no{font-size:11px;padding-top:5px}.policy-clause h2{font-size:17px;line-height:1.35;margin-bottom:7px}.policy-clause p{font-size:15.5px;line-height:1.72;max-width:76ch}
.policy-nav-compact,.policy-contact-mini{padding:15px}.policy-nav-compact>span{font-size:10.5px;margin-bottom:8px}.policy-nav-compact>a{padding:9px 10px;font-size:13px}.policy-nav-compact>a b{font-size:12px}.policy-contact-mini b{font-size:14px}.policy-contact-mini p{font-size:13px;line-height:1.55;margin:6px 0 9px}.policy-contact-mini a{font-size:13px}

/* Footer stays short but should never look like microprint. */
.store-newsletter .newsletter-strip{padding:24px 0!important}.store-newsletter .newsletter-strip h3{font-size:24px!important}.store-newsletter .newsletter-strip p{font-size:14px!important;line-height:1.55!important}.store-newsletter .page-kicker{font-size:10px!important}.store-newsletter .newsletter-strip input{height:44px!important;font-size:15px!important}
.store-footer{padding:36px 0 18px!important}.footer-brand{font-size:23px!important}.footer-grid p{font-size:13.5px!important;line-height:1.58!important}.footer-grid h4{font-size:10.5px!important}.footer-grid a{font-size:13px!important}.footer-icon-link{width:34px!important;height:34px!important}.footer-bottom{font-size:11.5px!important;margin-top:22px!important;padding-top:13px!important}

@media(max-width:860px){
  .featured-single{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:22px}.featured-single-cover{width:150px}.featured-single-copy h3{font-size:30px}.policy-shell{grid-template-columns:1fr}.policy-aside{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr)!important}
}
@media(max-width:620px){
  body.storefront{font-size:15.5px;line-height:1.58}body.storefront .store-links a{font-size:13px!important}body.storefront .btn{min-height:44px!important;font-size:14px!important;padding:10px 14px!important}
  .storefront-home .hero-copy h1{font-size:clamp(37px,10.5vw,44px)!important}.storefront-home .hero-copy>p{font-size:15.5px!important;line-height:1.58!important}.storefront-home .hero-trust span{font-size:11.5px!important}
  .featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:30px!important}.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:14px!important}
  .featured-single{grid-template-columns:118px minmax(0,1fr);gap:16px;padding:16px}.featured-single-cover{width:108px}.featured-single-copy h3{font-size:23px}.featured-single-author{font-size:12.5px!important}.featured-single-desc{font-size:14px;line-height:1.55;-webkit-line-clamp:4}.featured-single-price{font-size:19px}.featured-single-actions .btn{font-size:13px!important;min-height:42px!important;padding:9px 12px!important}
  .featured-carousel-viewport{grid-auto-columns:min(72vw,245px)!important}.featured-carousel-viewport .product-info h3{font-size:17px!important}.featured-carousel-viewport .product-author{font-size:12px!important}.featured-carousel-viewport .mini-buy{font-size:11.5px!important}
  .mini-book-card{grid-template-columns:72px minmax(0,1fr)!important}.mini-book-cover{width:72px!important;height:100px!important}.mini-book-copy h3{font-size:16px!important}.mini-book-copy .meta,.mini-book-copy small{font-size:12px!important}.mini-book-bottom strong{font-size:14px!important}.mini-book-bottom a{font-size:12px!important}
  .assurance-grid b{font-size:11.5px!important}
  .shop-hero-copy>p,.story-lead,.contact-hero p{font-size:15px!important}.shop-results .product-info h3{font-size:16px!important}.shop-results .product-author{font-size:12px!important}.shop-results .product-bottom strong{font-size:16px!important}.shop-results .mini-buy{font-size:11.5px!important}.preview-chip{font-size:10px!important}
  .detail-description{font-size:15.5px!important}.value-grid p,.contact-help-grid p,.story-body-card p{font-size:14.5px!important}
  .policy-mast{padding:24px 0 18px}.policy-title-row h1{font-size:38px}.policy-title-row>div:first-child>p{font-size:14.5px}.policy-meta{padding:10px 12px}.policy-meta span{font-size:10px}.policy-meta b{font-size:12.5px}.policy-body{padding:19px 0 34px}.policy-document-top{padding:13px 15px}.policy-document-top span{font-size:17px}.policy-document-top small{font-size:11px}.policy-clauses{padding:0 15px}.policy-clause{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:16px 0}.policy-clause-no{font-size:10.5px}.policy-clause h2{font-size:16px}.policy-clause p{font-size:14.5px;line-height:1.68}.policy-contact-mini b{font-size:14px}.policy-contact-mini p,.policy-contact-mini a{font-size:12.5px}.policy-aside{grid-template-columns:1fr}
  .store-newsletter .newsletter-strip h3{font-size:21px!important}.store-newsletter .newsletter-strip p{font-size:13.5px!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:13px!important}.footer-grid a{font-size:12.5px!important}.footer-bottom{font-size:11px!important}
}
@media(max-width:390px){
  .featured-single{grid-template-columns:104px minmax(0,1fr)}.featured-single-cover{width:96px}.featured-single-copy h3{font-size:21px}.featured-single-desc{display:-webkit-box!important;-webkit-line-clamp:2}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}
}

/* ===== v0.6.6 standard-scale + wider storefront ===== */
/* Keep the editorial character, but use normal retail reading sizes and a wider canvas. */
body.storefront{font-size:16px;line-height:1.58}
body.storefront .container{width:min(1320px,calc(100% - 32px))}
body.storefront .store-nav{min-height:70px!important}
body.storefront .brand-copy b{font-size:15px!important}
body.storefront .brand-copy small{font-size:11.5px!important}
body.storefront .store-links a{font-size:14px!important;padding:9px 12px!important}
body.storefront .header-search input{font-size:14px!important}
body.storefront .btn{font-size:14px!important;min-height:44px!important;padding:10px 16px!important}
body.storefront .page-kicker,body.storefront .hero-badge{font-size:11.5px!important;letter-spacing:.13em!important}
body.storefront .meta{font-size:13px}

/* Homepage hero: the featured cover is intentionally oversized and cropped by the banner.
   Its top sits close to the upper edge while the lower part disappears below the banner. */
.storefront-home .commerce-hero{padding:28px 0 0!important;overflow:hidden!important}
.storefront-home .commerce-hero-grid{min-height:470px!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.86fr)!important;gap:58px!important;align-items:center!important}
.storefront-home .hero-copy{padding-bottom:34px}
.storefront-home .hero-copy h1{font-size:clamp(52px,5.55vw,72px)!important;max-width:10.8ch!important;line-height:.99!important}
.storefront-home .hero-copy>p{font-size:17px!important;line-height:1.62!important;max-width:54ch!important}
.storefront-home .hero-trust span{font-size:12.5px!important}
.storefront-home .hero-featured-showcase{height:470px!important;min-height:470px!important;overflow:hidden!important;place-items:start center!important;padding-top:7px!important;align-self:end}
.storefront-home .hero-featured-showcase:before{width:320px!important;height:445px!important;top:15px!important}
.storefront-home .hero-featured-showcase:after{width:310px!important;height:430px!important;top:24px!important}
.storefront-home .hero-featured-book{width:min(350px,86%)!important;transform:rotate(-3.5deg) translateY(0)!important;transform-origin:top center!important;filter:drop-shadow(0 28px 28px rgba(45,28,15,.20))!important}
.storefront-home .hero-featured-book:hover{transform:rotate(-1.5deg) translateY(-3px)!important}
.storefront-home .hero-featured-label{bottom:15px!important;z-index:7!important}

/* Section type: ordinary readable scale, not microprint. */
.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:clamp(32px,3vw,40px)!important}
.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:15px!important}
.section-actions a{font-size:14px!important}
.featured-single{max-width:1060px!important;grid-template-columns:250px minmax(0,1fr)!important;gap:42px!important;padding:30px 36px!important}
.featured-single-cover{width:220px!important}
.featured-single-copy h3{font-size:clamp(34px,3.3vw,44px)!important}
.featured-single-author{font-size:14px!important}.featured-single-desc{font-size:16px!important}.featured-single-price{font-size:24px!important}
.featured-carousel-viewport .product-info h3{font-size:19px!important}.featured-carousel-viewport .product-author{font-size:13.5px!important}.featured-carousel-viewport .mini-buy{font-size:12.5px!important}
.mini-book-copy h3{font-size:16px!important}.mini-book-copy .meta,.mini-book-copy small{font-size:12.5px!important}.mini-book-bottom a{font-size:13px!important}
.assurance-intro h2{font-size:18px!important}.assurance-grid b{font-size:13px!important}

/* About banner: when only one cover exists, make it a deliberate large cropped hero object. */
.story-hero{overflow:hidden!important}
.story-hero-grid{grid-template-columns:minmax(0,1fr) 460px!important;gap:70px!important}
.story-lead{font-size:16.5px!important;line-height:1.65!important}
.about-book-stack{height:390px!important;overflow:hidden!important}
.about-book-stack:has(.stack-book:only-child) .stack-book{width:285px!important;left:50%!important;top:7px!important;transform:translateX(-50%) rotate(-5deg)!important;transform-origin:top center!important}
.about-book-stack:has(.stack-book:only-child) .stack-book:hover{transform:translateX(-50%) rotate(-2deg) translateY(-3px)!important}
.value-grid p,.contact-help-grid p{font-size:15.5px!important}.value-grid h2,.contact-help-grid h2{font-size:25px!important}
.story-body-card p{font-size:16px!important}.story-quote p{font-size:clamp(30px,3vw,40px)!important}

/* Policy/reference pages at standard reading size. */
.policy-title-row>div:first-child>p{font-size:16px!important}.policy-clause p{font-size:16px!important;line-height:1.72!important}.policy-clause h2{font-size:18px!important}.policy-nav-compact>a{font-size:13.5px!important}.policy-contact-mini p,.policy-contact-mini a{font-size:13.5px!important}

/* Newsletter: fix the old margin shorthand that pulled the inner container to the left edge.
   Present it as one centered, balanced subscription band. */
.store-newsletter{padding:28px 0!important;background:color-mix(in srgb,var(--paper) 66%,var(--paper2))!important;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.store-newsletter .newsletter-strip{width:min(1320px,calc(100% - 32px))!important;margin:0 auto!important;padding:25px 30px!important;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)!important;gap:48px!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:18px!important;background:var(--paper2)!important;box-shadow:0 9px 28px rgba(40,27,16,.04)!important}
.store-newsletter .newsletter-strip h3{font-size:25px!important;margin:3px 0 5px!important}
.store-newsletter .newsletter-strip p{font-size:14.5px!important;line-height:1.55!important;max-width:62ch!important}
.store-newsletter .newsletter-strip form{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
.store-newsletter .newsletter-strip input{min-width:0!important;width:100%!important;height:46px!important;font-size:15px!important}
.store-newsletter .newsletter-strip .btn{height:46px!important;padding-inline:20px!important}

/* Footer: readable, but compact. */
.store-footer{padding:38px 0 18px!important}.footer-grid{gap:34px!important}.footer-brand{font-size:24px!important}.footer-grid p{font-size:14px!important;line-height:1.6!important}.footer-grid h4{font-size:11px!important}.footer-grid a{font-size:13.5px!important}.footer-bottom{font-size:12px!important}

@media(max-width:1000px){
  .storefront-home .commerce-hero-grid{grid-template-columns:minmax(0,1fr) 360px!important;gap:32px!important}.storefront-home .hero-featured-book{width:min(325px,92%)!important}.story-hero-grid{grid-template-columns:minmax(0,1fr) 360px!important;gap:38px!important}.about-book-stack:has(.stack-book:only-child) .stack-book{width:250px!important}.store-newsletter .newsletter-strip{grid-template-columns:1fr minmax(330px,.8fr)!important;gap:28px!important}
}
@media(max-width:860px){
  body.storefront .container{width:min(100% - 28px,1320px)}
  .storefront-home .commerce-hero{padding:24px 0 22px!important}.storefront-home .hero-copy{padding-bottom:0}.storefront-home .hero-featured-showcase{display:none!important}.storefront-home .hero-copy h1{font-size:clamp(39px,9.8vw,50px)!important}.storefront-home .hero-copy>p{font-size:16px!important}.storefront-home .hero-trust span{font-size:12px!important}
  .story-hero-grid{grid-template-columns:1fr!important}.about-book-stack{height:300px!important}.about-book-stack:has(.stack-book:only-child) .stack-book{width:210px!important}
  .featured-single{grid-template-columns:175px minmax(0,1fr)!important;gap:24px!important;padding:22px!important}.featured-single-cover{width:155px!important}.featured-single-copy h3{font-size:31px!important}
  .store-newsletter{padding:20px 0!important}.store-newsletter .newsletter-strip{width:min(100% - 28px,1320px)!important;grid-template-columns:1fr!important;gap:16px!important;padding:22px!important}
}
@media(max-width:620px){
  body.storefront{font-size:16px}.storefront-home .hero-copy h1{font-size:clamp(38px,10.5vw,46px)!important}.storefront-home .hero-copy>p{font-size:16px!important}.featured-section .section-label.compact-heading h2,.compact-catalog-section .section-label.compact-heading h2{font-size:31px!important}.featured-section .section-label.compact-heading p,.compact-catalog-section .section-label.compact-heading p{font-size:14.5px!important}
  .featured-single{grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important;padding:16px!important}.featured-single-cover{width:108px!important}.featured-single-copy h3{font-size:23px!important}.featured-single-desc{font-size:14.5px!important}.featured-single-author{font-size:13px!important}
  .store-newsletter .newsletter-strip{padding:18px!important}.store-newsletter .newsletter-strip h3{font-size:22px!important}.store-newsletter .newsletter-strip p{font-size:14px!important}.store-newsletter .newsletter-strip form{grid-template-columns:1fr!important}.store-newsletter .newsletter-strip .btn{width:100%!important}
  .policy-clause p{font-size:15px!important}.policy-clause h2{font-size:17px!important}
}

/* ===== v0.6.7 mobile hero repair =====
   Fixes the v0.6.6 cascade where the <=1000px two-column hero overrode the
   earlier <=900px one-column rule, squeezing hero copy into a narrow column. */
@media(max-width:860px){
  body.storefront .container{width:min(100% - 28px,1320px)!important}
  .storefront-home .commerce-hero{padding:20px 0 18px!important;overflow:hidden!important}
  .storefront-home .commerce-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    gap:18px!important;
    align-items:start!important
  }
  .storefront-home .hero-copy{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding-bottom:0!important
  }
  .storefront-home .hero-badge{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important
  }
  .storefront-home .hero-copy h1{
    width:100%!important;
    max-width:9.4ch!important;
    margin:12px 0 15px!important;
    font-size:clamp(44px,12.4vw,54px)!important;
    line-height:.98!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important
  }
  .storefront-home .hero-copy>p{
    display:block!important;
    width:100%!important;
    max-width:34rem!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important
  }
  .storefront-home .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px 16px!important;
    width:100%!important;
    margin-top:20px!important
  }
  .storefront-home .hero-actions .btn{
    width:auto!important;
    min-width:142px!important;
    min-height:46px!important;
    padding:11px 18px!important;
    border-radius:11px!important
  }
  .storefront-home .hero-actions .text-link{
    justify-self:auto!important;
    padding:8px 0!important;
    white-space:nowrap!important;
    font-size:14px!important
  }
  .storefront-home .hero-trust{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    gap:7px 13px!important;
    margin-top:15px!important
  }
  .storefront-home .hero-trust span{
    display:inline-flex!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:11.5px!important;
    line-height:1.35!important
  }

  /* Mobile keeps a substantial featured-book visual instead of hiding the book. */
  .storefront-home .hero-featured-showcase{display:none!important}
  .storefront-home .hero-mobile-book{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:238px!important;
    min-height:238px!important;
    margin:20px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line))!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--paper2) 92%,var(--accent) 8%),color-mix(in srgb,var(--paper) 94%,var(--accent2) 6%))!important;
    box-shadow:none!important
  }
  .storefront-home .hero-mobile-book:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-62px;
    top:-92px;
    border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
    border-radius:50%;
    box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 3.5%,transparent)
  }
  .storefront-home .hero-mobile-book:after{
    content:"";
    position:absolute;
    width:170px!important;
    height:170px!important;
    left:-54px!important;
    right:auto!important;
    top:auto!important;
    bottom:-88px!important;
    border-radius:50%!important;
    background:color-mix(in srgb,var(--accent2) 7%,transparent)!important
  }
  .storefront-home .hero-mobile-book img{
    position:absolute!important;
    z-index:2!important;
    width:154px!important;
    height:auto!important;
    aspect-ratio:.72!important;
    right:26px!important;
    left:auto!important;
    top:8px!important;
    object-fit:cover!important;
    border-radius:8px!important;
    transform:rotate(-4deg)!important;
    transform-origin:top center!important;
    box-shadow:0 18px 30px rgba(45,28,15,.20)!important
  }
  .storefront-home .hero-mobile-book>span{
    position:absolute!important;
    z-index:3!important;
    left:20px!important;
    right:190px!important;
    bottom:24px!important;
    display:grid!important;
    gap:4px!important;
    min-width:0!important
  }
  .storefront-home .hero-mobile-book small{font-size:10px!important}
  .storefront-home .hero-mobile-book b{font-size:20px!important;line-height:1.08!important}
  .storefront-home .hero-mobile-book em{font-size:12px!important}

  .storefront-home{padding-bottom:max(0px,env(safe-area-inset-bottom))}
}

@media(max-width:430px){
  body.storefront .container{width:calc(100% - 24px)!important}
  .storefront-home .hero-copy h1{font-size:clamp(42px,12.2vw,50px)!important;max-width:9.3ch!important}
  .storefront-home .hero-copy>p{font-size:15.5px!important;line-height:1.52!important}
  .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .storefront-home .hero-actions .btn{width:100%!important;min-width:0!important}
  .storefront-home .hero-actions .text-link{justify-self:start!important}
  .storefront-home .hero-mobile-book{height:220px!important;min-height:220px!important}
  .storefront-home .hero-mobile-book img{width:142px!important;right:18px!important;top:7px!important}
  .storefront-home .hero-mobile-book>span{left:17px!important;right:170px!important;bottom:20px!important}
  .storefront-home .hero-mobile-book b{font-size:18px!important}
}

/* ===== v0.6.8 sign-in + Superuser role protection ===== */
.account-auth-page{padding:46px 0 72px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 94%,#fff 6%),var(--paper2))}
.account-auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.78fr);gap:34px;align-items:stretch;max-width:1120px}
.account-auth-intro{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:24px;padding:46px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 93%,var(--accent) 7%),color-mix(in srgb,var(--paper2) 96%,var(--accent2) 4%))}
.account-auth-intro:after{content:"";position:absolute;width:310px;height:310px;right:-145px;top:-130px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;box-shadow:0 0 0 54px color-mix(in srgb,var(--accent) 3%,transparent)}
.account-auth-intro>*{position:relative;z-index:1}
.account-auth-intro h1{font-size:clamp(42px,5.4vw,68px);max-width:8.5ch;margin:10px 0 18px}
.account-auth-intro>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:560px;margin:0}
.account-auth-points{display:grid;gap:10px;margin-top:34px;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}
.account-auth-card{align-self:center;background:var(--paper2);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 20px 55px rgba(45,30,18,.10)}
.account-auth-card-head>span{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:850}
.account-auth-card-head h2{font-size:34px;margin:7px 0 7px}
.account-auth-card-head p{margin:0 0 22px;color:var(--muted);font-size:15px}
.account-auth-form{display:grid;gap:15px}
.account-auth-form label{display:grid;gap:7px;font-size:14px;font-weight:800}
.account-auth-form input{width:100%;min-height:49px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--ink) 12%);border-radius:11px;background:#fff;padding:11px 13px;font-size:16px;color:var(--ink);outline:none}
.account-auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.account-auth-form small{font-weight:500;color:var(--muted);font-size:12px}
.account-auth-submit{min-height:49px;width:100%;margin-top:3px;font-size:15px}
.account-auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:13px;color:var(--muted)}
.account-auth-links a{font-weight:800;color:var(--accent2)}
.account-auth-links-stack{display:grid;justify-content:stretch;gap:9px}
.account-auth-demo{margin-top:18px;padding:12px 14px;border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--paper));display:grid;gap:4px;font-size:12px}
.account-auth-demo small{color:var(--muted)}

/* Back Office sign-in now uses the same warm product palette. */
.bo-login-page{background:linear-gradient(145deg,#f4efe7,#ece4d8)!important;color:#2d2925!important}
.bo-login-brand{color:#2d2925!important}.bo-login-brand>span{background:linear-gradient(145deg,#fff7eb,#dfc4a4)!important;color:#7b4721!important;border:1px solid #ccb294}
.bo-login-brand small{color:#81766b!important}.bo-login-card{background:#fffdf9!important;border-color:#d9cfc2!important;box-shadow:0 26px 70px rgba(55,39,25,.15)!important}
.bo-login-kicker{color:#a86735!important}.bo-login-card>p{color:#766d63!important}.bo-login-card label{color:#544b43!important;font-size:13px!important}
.bo-login-card input{background:#fff!important;border-color:#d4c7b8!important;color:#27231f!important;min-height:47px!important;font-size:16px!important}
.bo-login-card input:focus{outline:none;border-color:#a86735!important;box-shadow:0 0 0 3px rgba(168,103,53,.12)}
.bo-login-card button{background:#a86735!important;color:#fff!important;min-height:47px!important;font-size:14px!important}.bo-login-card button:hover{background:#7b4721!important}
.bo-login-store{color:#756b61!important;font-size:13px!important}.bo-login-error{background:#f9e8e4!important;border-color:#e6c0ba!important;color:#862e29!important}

.superuser-row{background:color-mix(in srgb,var(--bo-accent) 4%,transparent)}
.bo-status.role.locked{background:color-mix(in srgb,var(--bo-accent) 12%,#fff);color:var(--bo-accent-strong);border:1px solid color-mix(in srgb,var(--bo-accent) 18%,var(--bo-line))}
.role-lock{display:flex;align-items:center;gap:9px;min-width:210px;color:var(--bo-text)}
.role-lock>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--bo-accent) 9%,#fff);font-size:14px}
.role-lock>div{display:grid;gap:1px}.role-lock b{font-size:12px}.role-lock small{font-size:11px;color:var(--bo-muted)}

@media(max-width:800px){
  .account-auth-page{padding:20px 0 44px}
  .account-auth-shell{grid-template-columns:1fr;gap:14px;width:min(100% - 24px,620px)}
  .account-auth-intro{padding:25px 22px;border-radius:18px}
  .account-auth-intro h1{font-size:40px;max-width:none;margin-bottom:11px}
  .account-auth-intro>p{font-size:15px;line-height:1.55}
  .account-auth-points{grid-template-columns:1fr;gap:5px;margin-top:18px;font-size:12.5px}
  .account-auth-card{padding:22px;border-radius:18px;box-shadow:none}
  .account-auth-card-head h2{font-size:30px}
  .account-auth-links{align-items:flex-start;flex-direction:column}
  .bo-login{padding:82px 16px 24px!important}.bo-login-brand{left:18px!important;top:20px!important}.bo-login-card{padding:24px!important;border-radius:16px!important}
}

/* ===== v0.6.9 mobile full-page reader + glass controls ===== */
@media(max-width:900px){
  /* The mobile reader is a true viewport canvas. Controls float above the page
     instead of reserving toolbar or side-gutter space. */
  html,body.reader-page{width:100%;height:100%;height:100dvh;overflow:hidden}
  body.reader-page{position:fixed;inset:0;overscroll-behavior:none;-webkit-overflow-scrolling:auto}

  body.reader-page .reader-top{
    position:fixed!important;
    inset:max(8px,env(safe-area-inset-top)) 8px auto 8px!important;
    z-index:120!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    gap:7px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none;
  }
  body.reader-page .reader-top>*{pointer-events:auto}
  body.reader-page .reader-title{display:none!important}
  body.reader-page .reader-tools{margin-left:auto!important;display:flex!important;gap:7px!important}
  body.reader-page .reader-tools .optional{display:none!important}

  /* Shared frosted-glass treatment for every mobile reader control. */
  body.reader-page .reader-top .iconbtn,
  body.reader-page .nav-arrow,
  body.reader-page .reader-bottom{
    border:1px solid rgba(255,255,255,.42)!important;
    background:rgba(25,25,25,.34)!important;
    color:#fff!important;
    -webkit-backdrop-filter:blur(16px) saturate(165%);
    backdrop-filter:blur(16px) saturate(165%);
    box-shadow:0 6px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.24)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.34);
  }
  body.reader-page .reader-top .iconbtn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.reader-page .reader-top .iconbtn:active,
  body.reader-page .nav-arrow:active{transform:scale(.94)}

  body.reader-page .reader-shell{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body.reader-page .reader-shell>.stage,
  body.reader-page.reader-scene-desk-light .stage,
  body.reader-page.reader-scene-minimal-light .stage{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  body.reader-page .desk-props{display:none!important}

  /* Fit the entire portrait PDF page while using every available pixel of width
     on normal portrait phones. Landscape still fits the whole page vertically. */
  body.reader-page .reader-shell>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .book-frame,
  body.reader-page.reader-scene-minimal-light .book-frame{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    margin:0 auto!important;
    width:min(100vw,calc(100dvh * .72))!important;
    max-width:100vw!important;
    height:auto!important;
    max-height:100dvh!important;
    aspect-ratio:.72!important;
    align-self:center!important;
    justify-self:center!important;
    transform:scale(var(--zoom))!important;
    border-radius:3px!important;
    box-shadow:0 10px 34px rgba(0,0,0,.20)!important;
  }
  body.reader-page .base-sheet.right,
  body.reader-page .turning-sheet .turn-face.front,
  body.reader-page .turning-sheet .turn-face.back{border-radius:3px!important}

  body.reader-page .nav-arrow{
    top:50%!important;
    width:40px!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:24px!important;
    line-height:1!important;
    opacity:.88;
  }
  body.reader-page .nav-arrow.prev{left:max(5px,env(safe-area-inset-left))!important}
  body.reader-page .nav-arrow.next{right:max(5px,env(safe-area-inset-right))!important}
  body.reader-page .nav-arrow:disabled{opacity:.18!important}

  body.reader-page .reader-bottom{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  /* Thumbnail drawer remains accessible without shrinking the reading page. */
  body.reader-page .reader-shell>.thumbs{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    z-index:110!important;
    background:rgba(25,25,25,.68)!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%);
    backdrop-filter:blur(22px) saturate(150%);
    box-shadow:14px 0 36px rgba(0,0,0,.22)!important;
  }
  body.reader-page .thumbs.open{width:min(84vw,330px)!important}
  body.reader-page .thumb-inner{
    width:min(84vw,330px)!important;
    height:100%!important;
    padding:max(62px,calc(env(safe-area-inset-top) + 54px)) 12px max(18px,env(safe-area-inset-bottom))!important;
  }
  body.reader-page .thumb{background:rgba(255,255,255,.90)!important;border-color:rgba(255,255,255,.26)!important}
  body.reader-page .thumb span{color:#2e2925!important}
}

@media(max-width:420px){
  body.reader-page .reader-top{inset:max(7px,env(safe-area-inset-top)) 7px auto 7px!important}
  body.reader-page .reader-top .iconbtn{width:39px!important;min-width:39px!important;height:39px!important;font-size:16px!important}
  body.reader-page .reader-tools{gap:5px!important}
  body.reader-page .nav-arrow{width:36px!important;height:48px!important;font-size:22px!important}
}
@media(max-width:900px){body.reader-page .reader-top .iconbtn[hidden]{display:none!important}}

/* ===== v0.6.11 mobile touch-scroll, pinch/pan + clean full-page flip ===== */
@media(max-width:900px){
  /* Keep the reader itself full-screen, but make the stage a real scroll viewport.
     At fit size vertical touch remains native; after zoom the JS gesture layer pans
     this viewport in both axes. */
  body.reader-page .reader-shell>.stage,
  body.reader-page.reader-scene-desk-light .stage,
  body.reader-page.reader-scene-minimal-light .stage{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-width:none;
  }
  body.reader-page .reader-shell>.stage::-webkit-scrollbar{display:none}

  body.reader-page .reader-shell>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .book-frame,
  body.reader-page.reader-scene-minimal-light .book-frame{
    flex:0 0 auto!important;
    margin:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
    transform-origin:top center!important;
    touch-action:pan-y!important;
  }

  /* When zoomed, one finger is reserved for panning and two for pinch zoom. */
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage,
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame{
    touch-action:none!important;
  }

  /* Mobile uses the stable full-sheet compositor instead of the desktop WebGL
     curl. The resting sheet below stays on the current page until the turn lands,
     so there is no half-next-page / half-white preview during the flip. */
  body.reader-page .turning-sheet.full{
    overflow:visible!important;
    background:transparent!important;
  }
  body.reader-page .turning-sheet.full .turn-face{
    background:#fff!important;
  }
}


/* ===== v0.6.11 mobile scroll reliability + unified public pages ===== */
/* Public storefront: one visual language across Home, Shop, About, Contact and FAQ. */
body.storefront{
  --public-hero-bg:linear-gradient(120deg,color-mix(in srgb,var(--paper2) 88%,var(--accent) 12%),color-mix(in srgb,var(--paper) 95%,var(--accent2) 5%));
  --public-card-bg:color-mix(in srgb,var(--paper2) 96%,var(--accent) 4%);
  --public-shadow:0 18px 44px rgba(42,28,18,.075);
  overflow-x:hidden!important;
  overflow-y:visible!important;
  position:static!important;
  height:auto!important;
  min-height:100dvh!important;
}
body.storefront main{overflow:visible}
body.storefront .container{width:min(1180px,calc(100% - 40px))!important}
body.storefront .public-page-hero{
  position:relative;
  padding:54px 0 50px!important;
  background:var(--public-hero-bg)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}
body.storefront .public-page-hero .page-kicker,
body.storefront .storefront-home .hero-badge{font-size:11px!important;letter-spacing:.14em!important}
body.storefront .public-page-hero h1,
body.storefront .storefront-home .hero-copy h1{
  font-size:clamp(44px,5.4vw,68px)!important;
  line-height:.99!important;
  letter-spacing:-.04em!important;
  margin:12px 0 17px!important;
}
body.storefront .public-page-hero p,
body.storefront .storefront-home .hero-copy>p{
  font-size:16px!important;
  line-height:1.65!important;
  color:color-mix(in srgb,var(--ink) 68%,var(--muted))!important;
}
body.storefront .shop-hero>.container.shop-hero-grid,
body.storefront .story-hero-grid,
body.storefront .contact-hero-grid,
body.storefront .public-page-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,390px)!important;
  gap:52px!important;
  align-items:center!important;
}
body.storefront .public-page-card,
body.storefront .contact-primary-card,
body.storefront .story-body-card,
body.storefront .value-grid article,
body.storefront .contact-help-grid article,
body.storefront .faq-item,
body.storefront .faq-side{
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;
  border-radius:18px!important;
  box-shadow:var(--public-shadow)!important;
}
body.storefront .public-page-card{padding:25px;background:var(--public-card-bg)}
body.storefront .public-page-card small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--muted)}
body.storefront .public-page-card h2{font-size:27px;margin:8px 0 10px}
body.storefront .public-page-card p{font-size:14px!important;line-height:1.58!important;margin-bottom:18px!important}
body.storefront .public-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;margin-bottom:19px;background:color-mix(in srgb,var(--accent) 14%,var(--paper2));color:var(--accent);font-weight:900;font-size:19px}

/* Home keeps its featured-book artwork but now shares the same proportions/type scale. */
body.storefront .storefront-home .commerce-hero{padding:42px 0 38px!important}
body.storefront .storefront-home .commerce-hero-grid{min-height:430px!important;grid-template-columns:minmax(0,1fr) minmax(350px,390px)!important;gap:52px!important}
body.storefront .storefront-home .hero-copy{padding-bottom:0!important}
body.storefront .storefront-home .hero-featured-showcase{height:420px!important;min-height:420px!important}
body.storefront .storefront-home .hero-featured-book{width:min(310px,84%)!important}
body.storefront .home-category-pills{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
body.storefront .featured-section,
body.storefront .compact-catalog-section,
body.storefront .shop-results,
body.storefront .story-values,
body.storefront .story-body,
body.storefront .contact-help,
body.storefront .faq-content{padding-top:46px!important;padding-bottom:54px!important}
body.storefront .featured-section .section-label.compact-heading h2,
body.storefront .compact-catalog-section .section-label.compact-heading h2,
body.storefront .shop-result-head h2,
body.storefront .value-grid h2,
body.storefront .contact-help-grid h2,
body.storefront .faq-side h2{font-size:clamp(25px,2.8vw,34px)!important}

/* Shop / About / Contact secondary visuals use the same card radius and scale. */
body.storefront .shop-cover-deck,
body.storefront .about-book-stack{height:320px!important}
body.storefront .contact-primary-card{padding:27px!important;border-radius:18px!important}
body.storefront .value-grid,
body.storefront .contact-help-grid{gap:18px!important}
body.storefront .value-grid article,
body.storefront .contact-help-grid article{background:var(--paper2)!important;padding:24px!important}
body.storefront .story-body{background:color-mix(in srgb,var(--paper2) 68%,var(--paper))}

/* FAQ: friendly accordion instead of displaying it like a legal policy. */
.faq-page{background:var(--paper);min-height:70vh}
.faq-hero .public-page-copy{max-width:700px}
.faq-content{background:var(--paper)}
.faq-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.faq-list{display:grid;gap:12px}
.faq-item{background:var(--paper2)!important;overflow:hidden;box-shadow:none!important}
.faq-item summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:center;cursor:pointer;padding:18px 20px;font-size:15px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.08em}
.faq-item summary b{font-weight:820}
.faq-item summary i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--paper));color:var(--accent);font-style:normal;font-size:18px;transition:transform .18s ease}
.faq-item[open] summary i{transform:rotate(45deg)}
.faq-answer{padding:0 20px 18px 64px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.faq-answer p{margin:14px 0 0!important;font-size:15px!important;line-height:1.68!important;color:color-mix(in srgb,var(--ink) 74%,var(--muted))}
.faq-side{position:sticky;top:88px;background:var(--public-card-bg);padding:22px;box-shadow:none!important}
.faq-side>p{font-size:14px;line-height:1.6;color:var(--muted)}
.faq-side-links{display:grid;gap:5px;margin:17px 0}
.faq-side-links a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:720}
.faq-side-links a:hover,.faq-side-links a.active{background:color-mix(in srgb,var(--accent) 8%,var(--paper2));color:var(--accent)}

/* Keep the newsletter/footer readable and identical after every public page. */
body.storefront .store-newsletter .newsletter-strip{width:min(1180px,calc(100% - 40px))!important}
body.storefront .store-footer .container{width:min(1180px,calc(100% - 40px))!important}

@media(max-width:860px){
  body.storefront .container{width:min(100% - 28px,1180px)!important}
  body.storefront .public-page-hero{padding:32px 0 28px!important}
  body.storefront .shop-hero>.container.shop-hero-grid,
  body.storefront .story-hero-grid,
  body.storefront .contact-hero-grid,
  body.storefront .public-page-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.storefront .public-page-hero h1,
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(38px,9vw,48px)!important;max-width:13ch!important}
  body.storefront .storefront-home .commerce-hero{padding:30px 0 27px!important}
  body.storefront .storefront-home .commerce-hero-grid{min-height:0!important;grid-template-columns:1fr!important;gap:18px!important}
  body.storefront .storefront-home .hero-featured-showcase{display:none!important}
  body.storefront .shop-cover-deck{height:245px!important}
  body.storefront .about-book-stack{height:270px!important}
  .faq-shell{grid-template-columns:1fr}
  .faq-side{position:static;order:-1}
}
@media(max-width:620px){
  body.storefront{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  body.storefront .container{width:calc(100% - 24px)!important}
  body.storefront .public-page-hero{padding:25px 0 23px!important}
  body.storefront .public-page-hero h1,
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(34px,10vw,42px)!important;margin:9px 0 12px!important;max-width:none!important}
  body.storefront .public-page-hero p,
  body.storefront .storefront-home .hero-copy>p{font-size:15px!important;line-height:1.58!important}
  body.storefront .shop-cover-deck{height:205px!important;transform:scale(.9);transform-origin:center}
  body.storefront .about-book-stack{height:230px!important}
  body.storefront .public-page-card,
  body.storefront .contact-primary-card{padding:20px!important}
  body.storefront .featured-section,
  body.storefront .compact-catalog-section,
  body.storefront .shop-results,
  body.storefront .story-values,
  body.storefront .story-body,
  body.storefront .contact-help,
  body.storefront .faq-content{padding-top:30px!important;padding-bottom:36px!important}
  body.storefront .value-grid,
  body.storefront .contact-help-grid{grid-template-columns:1fr!important}
  .faq-item summary{grid-template-columns:28px minmax(0,1fr) 26px;padding:15px 14px;font-size:14px}
  .faq-answer{padding:0 14px 15px 52px}
  .faq-answer p{font-size:14.5px!important}
  body.storefront .store-newsletter .newsletter-strip,
  body.storefront .store-footer .container{width:calc(100% - 24px)!important}
}

/* Mobile reader: full-width PDF, real vertical page flow, and fixed glass controls. */
@media(max-width:900px){
  body.reader-page .reader-shell>.stage,
  body.reader-page.reader-scene-desk-light .stage,
  body.reader-page.reader-scene-minimal-light .stage{
    display:block!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    padding-top:max(0px,calc((100dvh - 138.889vw)/2))!important;
    padding-right:0!important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
    padding-left:0!important;
    scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom));
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.reader-page .reader-shell>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .book-frame,
  body.reader-page.reader-scene-minimal-light .book-frame{
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    aspect-ratio:.72!important;
    touch-action:pan-y!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage{
    padding-top:0!important;
    touch-action:none!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame{touch-action:none!important}
  body.reader-page .nav-arrow,
  body.reader-page .reader-bottom{position:fixed!important;z-index:125!important}
  body.reader-page .nav-arrow{top:50dvh!important}
  body.reader-page .reader-bottom{left:50%!important}
}

/* ===== v0.6.26 mobile reader parity + open hero book ===== */
/* Mobile reader is intentionally a native vertical scroller. The PDF page is
   full-width and taller than the viewport when necessary; the browser, not JS,
   owns one-finger kinetic scrolling. Horizontal intent is reserved for the same
   curl compositor used by desktop. */
@media(max-width:900px){
  html{overscroll-behavior-y:none}
  body.reader-page{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.reader-page .reader-shell{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.reader-page .reader-shell>.stage,
  body.reader-page.reader-scene-desk-light .stage,
  body.reader-page.reader-scene-minimal-light .stage{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    padding:0 0 calc(112px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    scroll-behavior:auto!important;
    scroll-padding-top:0!important;
    scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
    overscroll-behavior-x:none!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-width:none!important;
  }
  body.reader-page .reader-shell>.stage::-webkit-scrollbar{display:none!important}
  body.reader-page .reader-shell>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .book-frame,
  body.reader-page.reader-scene-minimal-light .book-frame{
    position:relative!important;
    flex:0 0 auto!important;
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:138.8889vw!important;
    max-height:none!important;
    min-height:0!important;
    aspect-ratio:.72!important;
    margin:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    transform-origin:top center!important;
    border-radius:0!important;
    box-shadow:none!important;
    touch-action:pan-y!important;
  }
  body.reader-page .reader-shell>.stage>.book-frame:before{display:none!important}
  body.reader-page .base-sheet.right,
  body.reader-page .turning-sheet,
  body.reader-page .turning-sheet.full,
  body.reader-page .turn-face{
    border-radius:0!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage{
    overflow-x:auto!important;
    overflow-y:auto!important;
    touch-action:pan-x pan-y!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame{
    touch-action:pan-x pan-y!important;
  }
  body.reader-page .nav-arrow,
  body.reader-page .reader-bottom{position:fixed!important;z-index:125!important}
  body.reader-page .nav-arrow{top:50dvh!important}
  body.reader-page .reader-bottom{left:50%!important}
}

/* The featured book should read as a book, not as a card inside another card. */
.storefront-home .hero-featured-showcase:before,
.storefront-home .hero-featured-showcase:after{display:none!important}
@media(max-width:900px){
  body.storefront .storefront-home .hero-mobile-book{
    display:grid!important;
    grid-template-columns:minmax(118px,154px) minmax(0,1fr)!important;
    align-items:end!important;
    gap:18px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:20px 0 0!important;
    padding:0 4px 2px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.storefront .storefront-home .hero-mobile-book:before,
  body.storefront .storefront-home .hero-mobile-book:after{display:none!important}
  body.storefront .storefront-home .hero-mobile-book img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:min(154px,38vw)!important;
    height:auto!important;
    aspect-ratio:auto!important;
    justify-self:center!important;
    object-fit:contain!important;
    border-radius:7px!important;
    transform:rotate(-3deg)!important;
    filter:drop-shadow(0 18px 20px rgba(45,28,15,.21))!important;
    box-shadow:none!important;
  }
  body.storefront .storefront-home .hero-mobile-book>span{
    position:static!important;
    display:grid!important;
    gap:4px!important;
    min-width:0!important;
    padding:0 0 18px!important;
  }
}
@media(max-width:420px){
  body.storefront .storefront-home .hero-mobile-book{
    grid-template-columns:minmax(108px,136px) minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.storefront .storefront-home .hero-mobile-book img{width:min(136px,37vw)!important}
  body.storefront .storefront-home .hero-mobile-book>span{padding-bottom:12px!important}
}


/* ===== v0.6.26 final mobile scroll + stacked hero fix ===== */
body.storefront,
body.storefront main{
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

.hero-featured-stack-link{
  position:relative;
  display:block;
  width:min(350px,100%);
  margin-inline:auto;
  text-decoration:none;
}
.hero-featured-stack{
  position:relative;
  display:block;
  width:min(350px,100%);
  aspect-ratio:1/1.12;
  overflow:visible;
  filter:drop-shadow(0 28px 28px rgba(44,29,17,.14));
}
.hero-featured-stack .stack-book,
.hero-stack-mini .stack-book{
  position:absolute;
  left:50%;
  bottom:8px;
  display:block;
  width:min(250px,72%);
  aspect-ratio:.72;
  object-fit:cover;
  background:var(--paper2);
  border-radius:10px;
  box-shadow:0 18px 28px rgba(44,29,17,.18), inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent);
}
.hero-featured-stack .stack-1{z-index:3;transform:translateX(-50%) rotate(2.5deg)}
.hero-featured-stack .stack-2{z-index:2;width:min(220px,64%);transform:translateX(calc(-50% - 78px)) rotate(-8deg);bottom:2px;opacity:.98}
.hero-featured-stack .stack-3{z-index:1;width:min(220px,64%);transform:translateX(calc(-50% + 82px)) rotate(7deg);bottom:0;opacity:.96}
.hero-stack-mini{
  position:relative;
  display:block;
  width:min(160px,42vw);
  height:min(190px,52vw);
  overflow:visible;
}
.hero-stack-mini .stack-book{bottom:0;width:min(116px,31vw);border-radius:8px;box-shadow:0 14px 20px rgba(44,29,17,.16)}
.hero-stack-mini .stack-1{z-index:3;transform:translateX(-50%) rotate(2.5deg)}
.hero-stack-mini .stack-2{z-index:2;width:min(102px,28vw);transform:translateX(calc(-50% - 34px)) rotate(-8deg);bottom:3px}
.hero-stack-mini .stack-3{z-index:1;width:min(102px,28vw);transform:translateX(calc(-50% + 36px)) rotate(7deg);bottom:1px}

body.storefront .storefront-home .hero-featured-showcase{
  overflow:visible!important;
}
body.storefront .storefront-home .hero-featured-showcase .hero-featured-label{
  bottom:-12px!important;
  z-index:20!important;
}
body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack-link{
  width:min(360px,100%)!important;
}
body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack{
  width:min(360px,100%)!important;
}

@media(max-width:900px){
  html,
  body.storefront{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
  }
  body.storefront .storefront-home .commerce-hero-grid{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.storefront .storefront-home .hero-mobile-book{
    display:none!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    display:grid!important;
    place-items:center!important;
    height:350px!important;
    min-height:350px!important;
    margin-top:10px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack-link{
    width:min(320px,92vw)!important;
  }
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack{
    width:min(320px,92vw)!important;
  }
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-1{width:min(210px,58vw)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-2,
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-3{width:min(186px,51vw)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-2{transform:translateX(calc(-50% - 58px)) rotate(-8deg)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-3{transform:translateX(calc(-50% + 60px)) rotate(7deg)!important}

  html{overscroll-behavior-y:auto!important}
  body.reader-page{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.reader-page .reader-shell{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.reader-page .reader-shell>.stage,
  body.reader-page.reader-scene-desk-light .stage,
  body.reader-page.reader-scene-minimal-light .stage{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    overflow:auto!important;
    padding:max(12px,env(safe-area-inset-top) + 8px) 32px calc(86px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    scroll-padding-top:max(12px,env(safe-area-inset-top) + 8px)!important;
    scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-width:none!important;
  }
  body.reader-page .reader-shell>.stage::-webkit-scrollbar{display:none!important}
  body.reader-page .reader-shell>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .book-frame,
  body.reader-page.reader-scene-minimal-light .book-frame{
    position:relative!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:calc(100vw - 64px)!important;
    height:auto!important;
    max-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    aspect-ratio:.72!important;
    margin:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    transform-origin:center center!important;
    border-radius:8px!important;
    box-shadow:0 18px 34px rgba(0,0,0,.20)!important;
    touch-action:pan-y!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    touch-action:none!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame{
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    touch-action:none!important;
  }
  body.reader-page .reader-shell>.thumbs{
    height:100dvh!important;
  }
  body.reader-page .nav-arrow,
  body.reader-page .reader-bottom{position:fixed!important;z-index:125!important}
  body.reader-page .nav-arrow{top:50%!important}
  body.reader-page .reader-bottom{left:50%!important}
}

@media(max-width:560px){
  body.storefront .storefront-home .hero-featured-showcase{
    height:316px!important;
    min-height:316px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack-link,
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack{
    width:min(284px,90vw)!important;
  }
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-1{width:min(192px,56vw)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-2,
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-3{width:min(168px,48vw)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-2{transform:translateX(calc(-50% - 50px)) rotate(-8deg)!important}
  body.storefront .storefront-home .hero-featured-showcase .hero-featured-stack .stack-3{transform:translateX(calc(-50% + 52px)) rotate(7deg)!important}
}

/* ===== v0.6.26 homepage hero composition correction ===== */
/* The compact/mobile teaser is no longer rendered, but keep this hard guard so
   an older cached template can never surface the duplicate stack on desktop. */
body.storefront .storefront-home .hero-mobile-book{display:none!important}

body.storefront .storefront-home .hero-featured-showcase{
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
body.storefront .storefront-home .hero-featured-stack-link{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  display:block!important;
  position:relative!important;
}
body.storefront .storefront-home .hero-featured-stack{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  display:block!important;
  position:relative!important;
  overflow:visible!important;
  filter:none!important;
}
body.storefront .storefront-home .hero-featured-stack .stack-book{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  width:min(220px,58%)!important;
  height:auto!important;
  aspect-ratio:.72!important;
  object-fit:cover!important;
  border-radius:8px!important;
  box-shadow:0 22px 38px rgba(44,29,17,.18)!important;
  transform-origin:center!important;
}
body.storefront .storefront-home .hero-featured-stack .stack-1{
  z-index:3!important;
  transform:translate(-50%,-50%) rotate(2deg)!important;
}
body.storefront .storefront-home .hero-featured-stack .stack-2{
  z-index:2!important;
  width:min(204px,54%)!important;
  transform:translate(calc(-50% - 66px),calc(-50% + 8px)) rotate(-8deg)!important;
  opacity:.98!important;
}
body.storefront .storefront-home .hero-featured-stack .stack-3{
  z-index:1!important;
  width:min(202px,53%)!important;
  transform:translate(calc(-50% + 68px),calc(-50% + 10px)) rotate(7deg)!important;
  opacity:.96!important;
}
body.storefront .storefront-home .hero-featured-label{display:none!important}

@media(max-width:900px){
  body.storefront .storefront-home .hero-featured-showcase{
    height:330px!important;
    min-height:330px!important;
    margin-top:6px!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{width:min(188px,52vw)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2,
  body.storefront .storefront-home .hero-featured-stack .stack-3{width:min(174px,48vw)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2{transform:translate(calc(-50% - 50px),calc(-50% + 7px)) rotate(-8deg)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-3{transform:translate(calc(-50% + 52px),calc(-50% + 9px)) rotate(7deg)!important}
}
@media(max-width:560px){
  body.storefront .storefront-home .hero-featured-showcase{height:292px!important;min-height:292px!important}
  body.storefront .storefront-home .hero-featured-stack .stack-1{width:min(170px,50vw)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2,
  body.storefront .storefront-home .hero-featured-stack .stack-3{width:min(154px,45vw)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2{transform:translate(calc(-50% - 42px),calc(-50% + 7px)) rotate(-8deg)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-3{transform:translate(calc(-50% + 44px),calc(-50% + 9px)) rotate(7deg)!important}
}


/* ===== v0.6.26 mobile flip orientation + zoom drag pan ===== */
@media(max-width:900px){
  /* The DOM fallback page-turn surface is used on phones. Counter-mirror the
     printed content on the physical back face so the destination-page glimpse
     is readable rather than horizontally reversed. Desktop/WebGL is untouched. */
  body.reader-page .turning-sheet.full .turn-face.back > img,
  body.reader-page .turning-sheet.full .turn-face.back > .lock-gate,
  body.reader-page .turning-sheet.full .turn-face.back > .page-error{
    transform:scaleX(-1)!important;
    transform-origin:center!important;
  }
  body.reader-page .turning-sheet.full .turn-face.back > .page-watermark{
    transform:scaleX(-1) rotate(26deg)!important;
    transform-origin:center!important;
  }

  /* JS owns one-finger drag panning while zoomed. Keeping touch-action:none here
     prevents Safari/Chrome from converting the drag into browser navigation or
     a second page-turn gesture. */
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage,
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame{
    touch-action:none!important;
    overscroll-behavior:contain!important;
  }
}

/* ===== v0.6.26 desktop 80% storefront + larger featured book preview ===== */
@media(min-width:901px){
  /* Center the public storefront inside exactly 80% of the desktop viewport.
     This applies consistently to navigation, page content, newsletter and footer. */
  body.storefront .container,
  body.storefront .store-nav,
  body.storefront .store-newsletter .newsletter-strip,
  body.storefront .store-footer .container{
    width:80vw!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Give the homepage artwork enough room to read as the hero focal point. */
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(440px,520px)!important;
    gap:clamp(48px,5vw,84px)!important;
    min-height:500px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    height:500px!important;
    min-height:500px!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(300px,66%)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(274px,60%)!important;
    transform:translate(calc(-50% - 90px),calc(-50% + 12px)) rotate(-8deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(272px,60%)!important;
    transform:translate(calc(-50% + 92px),calc(-50% + 14px)) rotate(7deg)!important;
  }
}

@media(min-width:1440px){
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,590px)!important;
    min-height:540px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    height:540px!important;
    min-height:540px!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{width:min(334px,66%)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2{width:min(302px,60%)!important;transform:translate(calc(-50% - 100px),calc(-50% + 13px)) rotate(-8deg)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-3{width:min(300px,60%)!important;transform:translate(calc(-50% + 102px),calc(-50% + 15px)) rotate(7deg)!important}
}

/* ===== v0.6.26 oversized desktop hero + mobile no-preview flip + symmetric zoom pan ===== */
@media(min-width:901px){
  /* Let the hero itself crop the bottom of the featured stack. The front cover
     starts almost at the showcase top and deliberately extends ~10–12% below
     the visible hero edge, matching the requested editorial crop. */
  body.storefront .storefront-home .commerce-hero{
    overflow:hidden!important;
  }
  body.storefront .storefront-home .commerce-hero-grid{
    min-height:520px!important;
    align-items:stretch!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    height:520px!important;
    min-height:520px!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book{
    top:8px!important;
    bottom:auto!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(420px,94%)!important;
    transform:translateX(-50%) rotate(2deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(378px,85%)!important;
    top:34px!important;
    transform:translateX(calc(-50% - 108px)) rotate(-8deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(374px,84%)!important;
    top:38px!important;
    transform:translateX(calc(-50% + 112px)) rotate(7deg)!important;
  }
}

@media(min-width:1440px){
  body.storefront .storefront-home .commerce-hero-grid{
    min-height:550px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    height:550px!important;
    min-height:550px!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book{top:6px!important}
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(438px,79%)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(392px,71%)!important;
    top:34px!important;
    transform:translateX(calc(-50% - 118px)) rotate(-8deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(388px,70%)!important;
    top:39px!important;
    transform:translateX(calc(-50% + 121px)) rotate(7deg)!important;
  }
}

@media(max-width:900px){
  /* While zoomed, keep the book centered and translate it on a virtual canvas.
     JS clamps --mobile-pan-x/y symmetrically, so neither the left nor right edge
     is trapped behind scrollLeft=0. */
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage{
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    touch-action:none!important;
  }
  body.reader-page .reader-shell.mobile-reader-zoomed>.stage>.book-frame,
  body.reader-page.reader-scene-desk-light .reader-shell.mobile-reader-zoomed>.stage>.book-frame,
  body.reader-page.reader-scene-minimal-light .reader-shell.mobile-reader-zoomed>.stage>.book-frame{
    margin:auto!important;
    left:auto!important;
    right:auto!important;
    transform:translate3d(var(--mobile-pan-x,0px),var(--mobile-pan-y,0px),0)!important;
    transform-origin:center center!important;
    touch-action:none!important;
  }
}

/* ===== v0.6.26 desktop storefront polish ===== */
@media(min-width:901px){
  /* Keep the 80% shell, but let the hero actually use it. */
  body.storefront .storefront-home .commerce-hero{
    padding:clamp(30px,2.2vw,42px) 0 0!important;
    overflow:hidden!important;
  }
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
    gap:clamp(34px,3.8vw,72px)!important;
    min-height:clamp(550px,31vw,620px)!important;
    align-items:stretch!important;
  }
  body.storefront .storefront-home .hero-copy{
    align-self:center!important;
    padding:0 0 clamp(44px,4.4vw,70px)!important;
    max-width:620px!important;
  }
  body.storefront .storefront-home .hero-copy h1{
    max-width:8.8ch!important;
    text-wrap:balance!important;
  }
  body.storefront .storefront-home .hero-copy>p{
    max-width:44ch!important;
  }
  body.storefront .storefront-home .hero-trust{
    padding-top:3px!important;
  }

  /* Editorial artwork: large, high, and intentionally cropped at the bottom. */
  body.storefront .storefront-home .hero-featured-showcase{
    height:clamp(550px,31vw,620px)!important;
    min-height:clamp(550px,31vw,620px)!important;
    overflow:hidden!important;
    place-items:stretch center!important;
  }
  body.storefront .storefront-home .hero-featured-stack-link,
  body.storefront .storefront-home .hero-featured-stack{
    width:100%!important;
    height:100%!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book{
    top:clamp(5px,.5vw,10px)!important;
    bottom:auto!important;
    border-radius:9px!important;
    box-shadow:0 28px 48px rgba(44,29,17,.19)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(500px,78%)!important;
    transform:translateX(-50%) rotate(1.7deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(442px,69%)!important;
    top:clamp(30px,2.2vw,42px)!important;
    transform:translateX(calc(-50% - clamp(108px,8vw,138px))) rotate(-7.2deg)!important;
    opacity:.96!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(438px,68%)!important;
    top:clamp(34px,2.5vw,48px)!important;
    transform:translateX(calc(-50% + clamp(112px,8.2vw,142px))) rotate(6.4deg)!important;
    opacity:.94!important;
  }
  body.storefront .storefront-home .hero-blob.blob-one{
    width:360px!important;height:270px!important;right:1%!important;top:24px!important;opacity:.42!important;
  }
  body.storefront .storefront-home .hero-blob.blob-two{
    width:310px!important;height:235px!important;left:0!important;bottom:6px!important;opacity:.34!important;
  }
  body.storefront .storefront-home .hero-ring{
    width:370px!important;height:370px!important;right:0!important;top:10px!important;opacity:.42!important;
  }

  /* Give the next section enough breathing room after the cropped hero. */
  body.storefront .featured-section{
    padding-top:clamp(42px,3.8vw,62px)!important;
    padding-bottom:clamp(46px,4vw,68px)!important;
  }
  body.storefront .featured-section .section-label.compact-heading{
    align-items:end!important;
    margin-bottom:24px!important;
  }
  body.storefront .featured-section .section-label.compact-heading h2{
    font-size:clamp(34px,2.65vw,44px)!important;
    line-height:1.03!important;
  }
  body.storefront .featured-section .section-label.compact-heading p{
    max-width:46ch!important;
  }

  /* Two featured titles should look intentional, not like a four-card carousel
     with two empty slots. Center and enlarge the pair and remove dead controls. */
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .featured-carousel-viewport{
    grid-auto-columns:min(330px,31vw)!important;
    gap:clamp(30px,3vw,46px)!important;
    justify-content:center!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding:4px 0 10px!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .featured-carousel-controls{
    display:none!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .section-actions{
    align-self:end!important;
    padding-bottom:4px!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .featured-carousel-viewport>.product-card{
    width:100%!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-cover{
    border-radius:12px!important;
    box-shadow:0 18px 38px rgba(38,25,15,.12)!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-info{
    padding:15px 2px 0!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-info h3{
    font-size:22px!important;
    line-height:1.16!important;
    min-height:0!important;
    margin:7px 0 6px!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-author{
    font-size:13.5px!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-bottom{
    border-top:0!important;
    margin-top:10px!important;
    padding-top:4px!important;
  }

  /* A slightly calmer transition from featured books into the assurance strip. */
  body.storefront .home-assurance{
    border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  }
}

@media(min-width:1500px){
  body.storefront .storefront-home .hero-featured-stack .stack-1{width:min(530px,79%)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2{width:min(468px,70%)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-3{width:min(462px,69%)!important}
}


/* ===== Syllabuild Science Back Office palette v0.2.1 ===== */
body.backoffice{
  --bo-bg:color-mix(in srgb,var(--bo-store-bg) 66%,#edf6fa 34%)!important;
  --bo-surface:color-mix(in srgb,var(--bo-store-surface) 94%,#fff 6%)!important;
  --bo-surface-soft:color-mix(in srgb,var(--bo-store-surface) 72%,#eaf5f9 28%)!important;
  --bo-sidebar:#17364d!important;
  --bo-sidebar-soft:#214b68!important;
  --bo-text:#17364d!important;
  --bo-muted:#617b8c!important;
  --bo-line:color-mix(in srgb,var(--bo-store-line) 78%,#d7e8ef 22%)!important;
}
body.backoffice .bo-sidebar{background:linear-gradient(180deg,#17364d,#123047)!important;border-right-color:#28556f!important;color:#eef8fb!important}
body.backoffice .bo-brand{border-bottom-color:#28556f!important}
body.backoffice .bo-brand small{color:#9bc2d3!important}
body.backoffice .bo-section-link{color:#c6dce6!important}
body.backoffice .bo-section-link:hover{background:#214b68!important;color:#fff!important}
body.backoffice .bo-section-link.active{
  background:color-mix(in srgb,var(--bo-accent) 28%,#17364d)!important;
  border-color:color-mix(in srgb,var(--bo-accent) 42%,#28556f)!important;
  box-shadow:inset 3px 0 #a9d2de!important;
  color:#fff!important;
}
body.backoffice .bo-section-link.active .bo-section-arrow{color:#d8bd7d!important}
body.backoffice .bo-sidebar-foot{border-top-color:#28556f!important}
body.backoffice .bo-sidebar-foot a,body.backoffice .bo-sidebar-foot button{color:#c6dce6!important}
body.backoffice .bo-sidebar-foot a:hover,body.backoffice .bo-sidebar-foot button:hover{background:#214b68!important;color:#fff!important}
body.backoffice .bo-card{box-shadow:0 7px 24px rgba(23,54,77,.04)!important}
body.backoffice .bo-field label{color:#35556b!important}
body.backoffice .bo-field small{color:#6d8494!important}
body.backoffice .bo-field input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
body.backoffice .bo-field textarea,
body.backoffice .bo-field select,
body.backoffice .bo-table input:not([type=checkbox]):not([type=radio]),
body.backoffice .bo-table select{
  background:#fcfeff!important;color:#17364d!important;border-color:var(--bo-line)!important;
}
body.backoffice .bo-btn.primary{background:var(--bo-accent)!important;border-color:var(--bo-accent)!important;color:#fff!important}
body.backoffice .bo-btn.primary:hover{background:var(--bo-accent-strong)!important;border-color:var(--bo-accent-strong)!important}
body.backoffice .bo-top,
body.backoffice .bo-tabs{background:rgba(249,253,255,.96)!important}