:root{--primary:#0f766e;--primary-2:#14b8a6;--primary-dark:#0b4f49;--accent:#f59e0b;--soft:#ecfdf5;--soft-2:#f0fdfa;--ink:#10221f;--muted:#60706b;--line:#dfe8e5;--paper:#fff;--bg:#f6f9f8;--shadow:0 18px 55px rgba(15,40,36,.10);--shadow-sm:0 8px 28px rgba(15,40,36,.08);--radius:22px;--radius-sm:14px}.theme-ocean{--primary:#1d4ed8;--primary-2:#38bdf8;--primary-dark:#163ba4;--accent:#f59e0b;--soft:#eff6ff;--soft-2:#f0f9ff;--ink:#10203c;--muted:#64748b;--line:#dce8f7}.theme-indigo{--primary:#4f46e5;--primary-2:#8b5cf6;--primary-dark:#3730a3;--accent:#f97316;--soft:#eef2ff;--soft-2:#f5f3ff;--ink:#1d1b3f;--muted:#6b6a86;--line:#e1e1f4}.theme-plum{--primary:#7e22ce;--primary-2:#d946ef;--primary-dark:#581c87;--accent:#f59e0b;--soft:#faf5ff;--soft-2:#fdf4ff;--ink:#2b173b;--muted:#75647f;--line:#eadcf0}.theme-graphite{--primary:#1f2937;--primary-2:#d4a72c;--primary-dark:#111827;--accent:#eab308;--soft:#f9fafb;--soft-2:#fffbeb;--ink:#151b24;--muted:#64748b;--line:#e5e7eb}.theme-ruby{--primary:#b91c1c;--primary-2:#fb7185;--primary-dark:#7f1d1d;--accent:#f59e0b;--soft:#fff1f2;--soft-2:#fff7f7;--ink:#321719;--muted:#7f6265;--line:#f1d9dc}.theme-amber{--primary:#b45309;--primary-2:#f59e0b;--primary-dark:#78350f;--accent:#0f766e;--soft:#fffbeb;--soft-2:#fff7ed;--ink:#352211;--muted:#7a6858;--line:#f2e3ca}.theme-forest{--primary:#166534;--primary-2:#4ade80;--primary-dark:#14532d;--accent:#eab308;--soft:#f0fdf4;--soft-2:#f7fee7;--ink:#173021;--muted:#607267;--line:#d7eadc}.theme-sky{--primary:#0369a1;--primary-2:#38bdf8;--primary-dark:#075985;--accent:#f97316;--soft:#f0f9ff;--soft-2:#ecfeff;--ink:#153047;--muted:#607488;--line:#d8eaf5}.theme-rose{--primary:#be185d;--primary-2:#fb7185;--primary-dark:#831843;--accent:#8b5cf6;--soft:#fff1f2;--soft-2:#fdf2f8;--ink:#351725;--muted:#7f6370;--line:#f0dbe3}.theme-cocoa{--primary:#7c2d12;--primary-2:#d97706;--primary-dark:#431407;--accent:#eab308;--soft:#fff7ed;--soft-2:#fffbeb;--ink:#321d14;--muted:#78675f;--line:#ecded5}.theme-midnight{--primary:#172554;--primary-2:#06b6d4;--primary-dark:#0f172a;--accent:#22d3ee;--soft:#eff6ff;--soft-2:#ecfeff;--ink:#111b35;--muted:#65708b;--line:#dce4f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(160,180,174,.25)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:250px}.brand-logo{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 25%,transparent);overflow:hidden}.brand img{width:42px;height:42px;object-fit:contain}.brand span:last-child{display:grid;line-height:1.2}.brand strong{font-size:15px;letter-spacing:-.01em}.brand small{font-size:11px;color:var(--muted);margin-top:4px}.nav nav{display:flex;align-items:center;gap:4px}.nav nav a{text-decoration:none;font-size:13px;font-weight:750;padding:10px 13px;border-radius:10px;color:#33433f;transition:.2s}.nav nav a:hover{background:var(--soft);color:var(--primary)}.nav-writer{border:1px solid var(--line)}.nav-admin{background:var(--primary)!important;color:#fff!important}.nav-toggle{display:none;border:0;background:var(--soft);color:var(--primary);border-radius:12px;width:44px;height:44px;font-size:20px}.hero{position:relative;overflow:hidden;padding:82px 0 72px;background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary-2) 18%,transparent),transparent 35%),linear-gradient(135deg,#fff 0%,var(--soft) 100%)}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;bottom:-170px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:1}.hero-copy h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-.055em;margin:16px 0 24px;max-width:760px}.hero-copy>p{font-size:18px;color:var(--muted);max-width:660px}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--primary);text-transform:uppercase}.kicker:before{content:"";width:28px;height:2px;background:var(--primary);border-radius:2px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;font:inherit;font-size:13px;font-weight:850;text-decoration:none;cursor:pointer;transition:.2s;box-shadow:0 3px 12px rgba(10,30,25,.03)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 78%,var(--primary-2)));border-color:transparent;color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 26%,transparent)}.btn.ghost{background:rgba(255,255,255,.65)}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#42534f;font-size:12px;font-weight:750}.hero-image{position:relative}.hero-image:before{content:"";position:absolute;inset:10% -5% -8% 12%;background:linear-gradient(135deg,var(--primary),var(--primary-2));filter:blur(1px);border-radius:40px;transform:rotate(3deg);opacity:.22}.hero-image img{position:relative;width:100%;aspect-ratio:1.08/1;object-fit:cover;border-radius:32px;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.8)}.section{padding:82px 0}.section-soft{background:linear-gradient(180deg,var(--soft),color-mix(in srgb,var(--soft) 45%,#fff))}.metrics{padding:28px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-grid article{display:grid;gap:2px;padding:22px 26px;border-right:1px solid var(--line)}.metric-grid article:last-child{border-right:0}.metric-grid strong{font-size:25px;color:var(--primary);letter-spacing:-.03em}.metric-grid span{font-size:13px;color:var(--muted)}.section-head{max-width:760px;margin-bottom:34px}.section-head.split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-head h2,.about-grid h2{font-size:clamp(30px,4vw,48px);line-height:1.14;letter-spacing:-.04em;margin:12px 0}.section-head p{color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card img{width:100%;aspect-ratio:1.5/1;object-fit:cover;background:var(--soft)}.service-card div{padding:24px}.service-card h3{margin:0 0 10px;font-size:19px}.service-card p{margin:0;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-books{grid-template-columns:repeat(4,1fr)}.book-card{display:grid;grid-template-columns:122px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow-sm);transition:.22s;min-height:205px}.catalog-books .book-card{grid-template-columns:1fr;min-height:0}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.book-cover{display:block;border-radius:13px;overflow:hidden;background:var(--soft)}.book-cover img{display:block;width:100%;height:100%;min-height:175px;object-fit:cover;transition:.3s}.catalog-books .book-cover img{aspect-ratio:4/5;min-height:0}.book-card:hover .book-cover img{transform:scale(1.025)}.book-format{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.book-card h3{margin:11px 0 8px;font-size:17px;line-height:1.35}.book-card h3 a{text-decoration:none}.book-card p{margin:4px 0;color:var(--muted);font-size:12px}.book-card .isbn{font-weight:850;color:var(--ink)}.card-link{display:inline-flex;margin-top:12px;color:var(--primary);text-decoration:none;font-size:12px;font-weight:850}.center-actions{text-align:center;margin-top:34px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.lead{font-size:19px;color:#40504c;margin-top:8px}.text-link{color:var(--primary);font-weight:850;text-decoration:none}.page-banner{position:relative;height:360px;overflow:hidden;display:flex;align-items:flex-end;background:var(--primary-dark)}.page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,18,.82),rgba(5,20,18,.22))}.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.page-banner .container{position:relative;z-index:1;color:#fff;padding-bottom:52px}.page-banner .kicker{color:#d8fff8}.page-banner .kicker:before{background:#d8fff8}.page-banner h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.page-banner p{max-width:690px;font-size:17px;opacity:.9}.catalog-filter{display:grid;grid-template-columns:1fr 210px auto;gap:12px;background:#fff;padding:16px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);margin-bottom:32px}.catalog-filter input,.catalog-filter select{border:1px solid var(--line);border-radius:12px;padding:0 15px;min-height:48px;font:inherit;background:#fff}.empty-state{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:70px 24px}.book-page{background:linear-gradient(180deg,var(--soft),var(--bg) 42%)}.book-detail{display:grid;grid-template-columns:360px 1fr;gap:64px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:var(--shadow)}.detail-cover{position:relative}.detail-cover img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;box-shadow:0 20px 45px rgba(10,30,25,.16)}.detail-cover>span{display:block;margin-top:14px;text-align:center;color:var(--muted);font-size:12px;font-weight:750}.book-detail h1{font-size:clamp(34px,5vw,58px);line-height:1.1;letter-spacing:-.045em;margin:14px 0 12px}.book-category{color:var(--primary);font-weight:800}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 32px}.detail-meta div{background:var(--soft);border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;padding:14px}.detail-meta small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.detail-meta strong{display:block;margin-top:5px;font-size:14px}.book-detail h3{margin:24px 0 7px}.long-copy{color:#40504c}.source-note{font-size:11px;color:var(--muted);margin-top:16px}.steps-public{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-public article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow-sm)}.steps-public b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.steps-public h3{margin:18px 0 8px}.steps-public p{color:var(--muted)}.cta-panel{margin-top:32px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:26px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel .kicker{color:#d9fff8}.cta-panel .kicker:before{background:#d9fff8}.cta-panel h2{font-size:30px;margin:8px 0}.cta-panel .btn{border-color:rgba(255,255,255,.35)}.site-footer{background:#101b1a;color:#d7e0de;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:60px}.footer-grid strong{font-size:20px;color:#fff}.footer-grid p{max-width:480px;color:#9fb0ac}.footer-grid>div{display:grid;align-content:start;gap:8px}.footer-grid span{font-size:12px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.footer-grid a{color:#b9c7c4;text-decoration:none;font-size:13px}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;color:#80918d;font-size:11px}@media(max-width:1020px){.nav nav{position:absolute;top:72px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.nav nav.open{display:flex}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-image{max-width:700px}.book-grid{grid-template-columns:repeat(2,1fr)}.catalog-books{grid-template-columns:repeat(3,1fr)}.book-detail{grid-template-columns:280px 1fr;gap:38px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr .7fr}}@media(max-width:720px){.container{width:min(100% - 26px,1180px)}.brand{min-width:0}.brand small{display:none}.hero{padding:58px 0}.hero-copy h1{font-size:42px}.hero-proof{display:grid;gap:7px}.metric-grid{grid-template-columns:1fr}.metric-grid article{border-right:0;border-bottom:1px solid var(--line)}.service-grid,.book-grid,.catalog-books,.steps-public{grid-template-columns:1fr}.section{padding:58px 0}.section-head.split,.about-grid,.cta-panel{display:grid;grid-template-columns:1fr;gap:18px}.book-card,.catalog-books .book-card{grid-template-columns:105px 1fr}.catalog-books .book-cover img{height:165px}.catalog-filter{grid-template-columns:1fr}.page-banner{height:330px}.book-detail{grid-template-columns:1fr;padding:22px}.detail-cover{max-width:280px;margin:auto}.detail-meta{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.copyright{display:grid}.cta-panel{padding:26px}}

/* Batari Publisher 4.0 bilingual interface */
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.language-switch a{min-width:34px;padding:6px 9px;border-radius:999px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.06em;text-decoration:none;color:inherit;opacity:.68}
.language-switch a.active{background:var(--primary,#0f766e);color:#fff;opacity:1;box-shadow:0 5px 14px rgba(15,23,42,.16)}
.bilingual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.bilingual-grid>section{padding:18px;border:1px solid var(--border,#e2e8f0);border-radius:18px;background:rgba(248,250,252,.7);display:grid;gap:14px}
.language-label{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:var(--primary-soft,#ecfdf5);color:var(--primary,#0f766e);font-size:11px;font-weight:900;letter-spacing:.08em}
.permalink-panel{margin:20px 0;padding:14px 16px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:#f8fafc;display:grid;gap:7px}.permalink-panel code{white-space:normal;overflow-wrap:anywhere;font-size:12px}.sidebar-language{padding:10px 16px}.floating-language{position:fixed;top:18px;right:18px;z-index:20}.mobile-top>.language-switch{margin-left:auto}
@media(max-width:820px){.bilingual-grid{grid-template-columns:1fr}.site-header .language-switch{margin-top:8px}.floating-language{top:10px;right:10px}}

.promo-showcase{position:relative;overflow:hidden}.promo-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--primary-2) 18%,transparent),transparent 35%);pointer-events:none}.promo-lead{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:stretch;margin-bottom:28px}.promo-lead-copy{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:30px;padding:clamp(30px,5vw,58px);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.promo-lead-copy .kicker{color:#dffefa}.promo-lead-copy .kicker:before{background:#dffefa}.promo-lead-copy h2{font-size:clamp(34px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:14px 0}.promo-lead-copy p{color:rgba(255,255,255,.78);font-size:16px}.promo-lead-image img{width:100%;height:100%;min-height:410px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.promotion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promotion-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow-sm);overflow:hidden}.promotion-card.featured{background:linear-gradient(145deg,var(--soft),#fff);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.promotion-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:color-mix(in srgb,var(--primary-2) 13%,transparent)}.promotion-badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:var(--soft);color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.promotion-card h3{font-size:21px;margin:16px 0 8px}.promotion-card p{color:var(--muted);min-height:72px}.promotion-card a{color:var(--primary);font-size:13px;font-weight:900;text-decoration:none}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--primary);transform:translateY(-8px);box-shadow:var(--shadow)}.pricing-card .popular{align-self:flex-start;background:var(--primary);color:#fff;border-radius:99px;padding:6px 11px;font-size:10px;font-weight:900;text-transform:uppercase}.pricing-card h2{font-size:25px;margin:18px 0 6px}.pricing-price{font-size:28px;color:var(--primary);font-weight:950;letter-spacing:-.03em}.pricing-card>p{color:var(--muted)}.pricing-card ul{padding:0;list-style:none;display:grid;gap:10px;margin:20px 0 26px}.pricing-card li:before{content:"✓";color:var(--primary);font-weight:950;margin-right:9px}.pricing-card .btn{margin-top:auto}.content-page{background:linear-gradient(180deg,var(--soft),var(--bg) 380px)}.content-sheet{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,70px);box-shadow:var(--shadow)}.content-sheet h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px}.content-sheet .excerpt{font-size:18px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:30px}.rich-copy{font-size:16px;color:#3d4c48}.rich-copy p{margin:0 0 20px}.price-note{margin-top:32px;padding:18px 22px;border-radius:16px;background:var(--soft);color:var(--muted)}
@media(max-width:900px){.promo-lead{grid-template-columns:1fr}.promo-lead-image img{min-height:300px}.promotion-grid,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-card.featured{transform:none}}
@media(max-width:650px){.promotion-grid,.pricing-grid{grid-template-columns:1fr}.promo-lead-copy{border-radius:23px}.promo-lead-image img{border-radius:23px}.promotion-card p{min-height:0}}
.nav-more{position:relative}.nav-more summary{list-style:none;cursor:pointer;font-size:13px;font-weight:750;padding:10px 13px;border-radius:10px;color:#33433f}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:after{content:"⌄";margin-left:6px}.nav-more[open] summary{background:var(--soft);color:var(--primary)}.nav-more>div{position:absolute;right:0;top:48px;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);display:grid}.nav-more>div a{white-space:nowrap}@media(max-width:1020px){.nav-more>div{position:static;box-shadow:none;border:0;background:var(--soft);margin-top:4px}.nav-more summary{width:100%}}

/* Batari Publisher - extended theme library */
.theme-navy-gold{--primary:#0f2a44;--primary-2:#c49a3a;--primary-dark:#081b2d;--accent:#d4af57;--soft:#f7f3e8;--soft-2:#fbf8ef;--ink:#17212b;--muted:#6f6a5f;--line:#e7dfcc}
.theme-burgundy{--primary:#7c1d35;--primary-2:#c08457;--primary-dark:#4b1020;--accent:#d6a65e;--soft:#fff7ed;--soft-2:#fffaf5;--ink:#321c22;--muted:#806870;--line:#ecdce0}
.theme-aqua{--primary:#0e7490;--primary-2:#22d3ee;--primary-dark:#155e75;--accent:#14b8a6;--soft:#ecfeff;--soft-2:#f0fdfa;--ink:#12313a;--muted:#5f7880;--line:#d5eef1}
.theme-lavender{--primary:#6d28d9;--primary-2:#c4b5fd;--primary-dark:#4c1d95;--accent:#ec4899;--soft:#f5f3ff;--soft-2:#faf5ff;--ink:#2b2141;--muted:#726884;--line:#e7e0f5}
.theme-slate{--primary:#334155;--primary-2:#94a3b8;--primary-dark:#1e293b;--accent:#0ea5e9;--soft:#f8fafc;--soft-2:#f1f5f9;--ink:#182231;--muted:#64748b;--line:#e2e8f0}
.theme-coral{--primary:#c2410c;--primary-2:#fb7185;--primary-dark:#7c2d12;--accent:#f59e0b;--soft:#fff7ed;--soft-2:#fff1f2;--ink:#3a2118;--muted:#806b63;--line:#f0ddd5}
.theme-olive{--primary:#4d7c0f;--primary-2:#a3e635;--primary-dark:#365314;--accent:#ca8a04;--soft:#f7fee7;--soft-2:#f0fdf4;--ink:#243118;--muted:#68745c;--line:#dfe9cd}
.theme-royal{--primary:#1e3a8a;--primary-2:#fbbf24;--primary-dark:#172554;--accent:#d4a72c;--soft:#eff6ff;--soft-2:#fffbeb;--ink:#18233e;--muted:#66708b;--line:#dde4f1}
.theme-sand{--primary:#8b5e34;--primary-2:#d6b98c;--primary-dark:#5c3b21;--accent:#b7791f;--soft:#faf7f2;--soft-2:#fffaf0;--ink:#35291e;--muted:#7b6f63;--line:#e9e0d5}
.theme-mint{--primary:#047857;--primary-2:#6ee7b7;--primary-dark:#065f46;--accent:#0ea5e9;--soft:#ecfdf5;--soft-2:#f0fdfa;--ink:#153128;--muted:#60776e;--line:#d8ebe3}
.theme-magenta{--primary:#9d174d;--primary-2:#e879f9;--primary-dark:#701a3c;--accent:#8b5cf6;--soft:#fdf2f8;--soft-2:#faf5ff;--ink:#351b2a;--muted:#7d6673;--line:#efdce6}
.theme-monochrome{--primary:#111827;--primary-2:#6b7280;--primary-dark:#030712;--accent:#4b5563;--soft:#f3f4f6;--soft-2:#f9fafb;--ink:#111827;--muted:#6b7280;--line:#e5e7eb}

/* Independent visual design presets: appearance only, no feature changes */
.design-editorial{--radius:8px;--radius-sm:6px;--shadow:0 12px 30px rgba(15,23,42,.08);--shadow-sm:0 5px 16px rgba(15,23,42,.06)}
.design-editorial h1,.design-editorial h2,.design-editorial h3,.design-editorial .brand strong{font-family:Georgia,"Times New Roman",serif}
.design-editorial .site-header{border-bottom:2px solid var(--primary)}
.design-editorial .book-card,.design-editorial .service-card,.design-editorial .content-sheet,.design-editorial .book-detail{border-radius:6px;border-width:1px}
.design-editorial .book-cover,.design-editorial .book-cover img,.design-editorial .detail-cover img{border-radius:2px}
.design-editorial .kicker{letter-spacing:.2em}

.design-classic{--radius:14px;--radius-sm:9px;--paper:#fffdf8;--bg:#f7f3eb;--shadow:0 10px 30px rgba(68,50,33,.09);--shadow-sm:0 5px 18px rgba(68,50,33,.07)}
.design-classic{background:#f7f3eb}
.design-classic h1,.design-classic h2,.design-classic h3{font-family:Georgia,"Times New Roman",serif}
.design-classic .site-header,.design-classic .book-card,.design-classic .service-card,.design-classic .book-detail,.design-classic .content-sheet{background:#fffdf8}
.design-classic .book-card,.design-classic .service-card{border-bottom:3px solid color-mix(in srgb,var(--primary) 30%,var(--line))}

.design-minimal{--radius:10px;--radius-sm:8px;--shadow:none;--shadow-sm:none}
.design-minimal .site-header{backdrop-filter:none;background:#fff}
.design-minimal .book-card,.design-minimal .service-card,.design-minimal .book-detail,.design-minimal .content-sheet,.design-minimal .catalog-filter{box-shadow:none}
.design-minimal .btn{box-shadow:none;border-radius:8px}
.design-minimal .hero-image:before,.design-minimal .hero:after{display:none}

.design-premium{--radius:30px;--radius-sm:18px;--shadow:0 28px 70px rgba(15,23,42,.14);--shadow-sm:0 12px 36px rgba(15,23,42,.10)}
.design-premium .site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(24px)}
.design-premium .book-card,.design-premium .service-card,.design-premium .content-sheet,.design-premium .book-detail{border-radius:28px}
.design-premium .book-cover,.design-premium .book-cover img{border-radius:20px}
.design-premium .btn{border-radius:999px}
.design-premium .hero-image img{border-radius:42px}

.design-soft{--radius:28px;--radius-sm:20px;--shadow:0 14px 42px rgba(15,40,36,.09);--shadow-sm:0 8px 24px rgba(15,40,36,.07)}
.design-soft .book-card,.design-soft .service-card,.design-soft .catalog-filter,.design-soft .content-sheet,.design-soft .book-detail{border-radius:28px}
.design-soft .btn,.design-soft .book-format{border-radius:18px}
.design-soft .book-cover,.design-soft .book-cover img{border-radius:20px}

.design-bold{--radius:12px;--radius-sm:8px;--shadow:6px 6px 0 color-mix(in srgb,var(--primary) 18%,#d7dedb);--shadow-sm:4px 4px 0 color-mix(in srgb,var(--primary) 15%,#d7dedb)}
.design-bold .book-card,.design-bold .service-card,.design-bold .catalog-filter,.design-bold .content-sheet,.design-bold .book-detail{border:2px solid var(--ink)}
.design-bold .btn{border:2px solid var(--ink);box-shadow:3px 3px 0 color-mix(in srgb,var(--primary) 25%,#d7dedb)}
.design-bold .btn.primary{border-color:var(--primary-dark)}
.design-bold .kicker{font-weight:950}

.design-compact .section{padding:56px 0}
.design-compact .hero{padding:58px 0 52px}
.design-compact .book-grid{gap:14px}
.design-compact .book-card{gap:14px;padding:11px;min-height:176px;border-radius:14px}
.design-compact .book-cover img{min-height:150px}
.design-compact .service-grid{gap:14px}
.design-compact .service-card div{padding:18px}
.design-compact .nav{min-height:68px}
.design-compact .brand-logo{width:44px;height:44px}

/* === Cover clarity & premium catalog view (2026-08-25) === */
.book-cover{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  background:linear-gradient(145deg,#f8faf9,var(--soft));
  border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 10px 26px rgba(15,40,36,.08);
}
.book-cover:after{
  content:"";
  position:absolute;
  inset:auto 10% -10px 10%;
  height:18px;
  z-index:-1;
  border-radius:50%;
  background:rgba(15,40,36,.18);
  filter:blur(12px);
  opacity:.48;
  transition:.28s ease;
}
.book-cover img{
  width:100%;
  height:auto;
  max-height:none;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#fff;
  image-rendering:auto;
  transform:translateZ(0);
  transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;
}
.book-card:hover .book-cover:after{opacity:.72;transform:translateY(3px)}
.book-card:hover .book-cover img{transform:scale(1.018);filter:saturate(1.035) contrast(1.015)}

/* Beranda: cover lebih besar namun isi kartu tetap ringkas */
.book-grid:not(.catalog-books) .book-card{grid-template-columns:138px 1fr;gap:22px;min-height:226px;align-items:center}
.book-grid:not(.catalog-books) .book-cover{aspect-ratio:7/10;padding:5px}
.book-grid:not(.catalog-books) .book-cover img{max-width:100%;max-height:100%;border-radius:9px}

/* Katalog: cover menjadi fokus utama dan tidak terpotong */
.catalog-books{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.catalog-books .book-card{padding:14px 14px 20px;border-radius:22px;overflow:visible;align-content:start}
.catalog-books .book-cover{aspect-ratio:7/10;padding:7px;border-radius:16px;overflow:hidden}
.catalog-books .book-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:10px;background:#fff}
.catalog-books .book-card>div{padding:5px 4px 0}
.catalog-books .book-card h3{font-size:16px;line-height:1.38;margin-top:12px}
.catalog-books .book-card .card-link{margin-top:10px}

/* Detail buku: tampilkan cover utuh dalam ukuran besar */
.detail-cover{align-self:start}
.detail-cover img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
  padding:7px;
  border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
  box-shadow:0 24px 55px rgba(10,30,25,.18),0 5px 14px rgba(10,30,25,.08);
}

/* Tetap kompatibel dengan seluruh pilihan design */
.design-editorial .book-cover img,.design-editorial .detail-cover img{padding:4px}
.design-minimal .book-cover{box-shadow:none}
.design-bold .book-cover{border-width:2px;border-color:var(--ink)}
.design-compact .book-cover img{min-height:0}

@media(max-width:1020px){
  .catalog-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .book-grid:not(.catalog-books) .book-card{grid-template-columns:124px 1fr}
}
@media(max-width:720px){
  .book-grid:not(.catalog-books) .book-card,.catalog-books .book-card{grid-template-columns:112px 1fr;align-items:center;padding:12px;gap:16px}
  .book-grid:not(.catalog-books) .book-cover,.catalog-books .book-cover{aspect-ratio:7/10;padding:4px}
  .catalog-books .book-cover img{height:100%;max-height:none}
  .catalog-books .book-card>div{padding:0}
  .catalog-books .book-card h3{font-size:15px;margin:9px 0 6px}
  .catalog-books .book-card p{margin:3px 0}
  .detail-cover{max-width:340px;width:100%}
}
@media(max-width:430px){
  .book-grid:not(.catalog-books) .book-card,.catalog-books .book-card{grid-template-columns:100px 1fr;gap:13px}
}