:root {
  --paper: #fff4e3;
  --panel: #fffaf2;
  --ink: #32221f;
  --muted: #75615a;
  --line: #f2d9c9;
  --rust: #e9472c;
  --rust2: #ff6b3f;
  --olive: #ef6c8d;
  --dark: #462720;
  --sidebar: #fff4e3;
}

body { background: var(--paper); }
button { -webkit-tap-highlight-color: transparent; }
.shell { display: block; }
.sidebar {
  position: relative; height: auto; border-right: 0; border-bottom: 1px solid #f1d9c9;
  padding: 12px clamp(20px,3.5vw,56px); flex-direction: row; justify-content: space-between;
  align-items: center; gap: 26px; background: #fff4e3;
}
.brand { padding: 0; flex: 0 0 auto; }
.brand-full-logo { display: block; width: 116px; height: 58px; object-fit: contain; }
.sidebar-divider,.sidebar-label,.sidebar-bottom { display: none; }
.sidebar nav { display: flex; align-items: center; gap: 8px; }
.nav-item {
  width: auto; gap: 7px; padding: 12px 13px; border-radius: 999px; color: #563a32;
  font-size: 11px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase;
}
.nav-item:hover { background: #ffe4d4; color: #d83d24; }
.nav-item.active { color: #fff; background: #ee4e30; box-shadow: none; }
.nav-icon { width: auto; font-size: 15px; }
.topbar {
  height: 50px; padding: 0 clamp(20px,3.5vw,56px); background: #fffaf2;
  border-bottom: 1px solid #f5dfd0;
}
.topbar-crumb { color: #9b6b5b; font-size: 9px; letter-spacing: .1em; }
.topbar-crumb strong { color: #d9472d; }
.crumb-icon { color: #f47da1; }
.topbar-actions { gap: 13px; }
.private-badge { color: #97675a; font-weight: 800; }
.private-badge i { background: #ee5a3c; }
.topbar-audible { display: flex; align-items: center; gap: 9px; border-left: 1px solid #efcdbd; padding-left: 14px; }
.topbar-audible span { font-size: 8px; font-weight: 900; letter-spacing: .1em; color: #9b6758; white-space: nowrap; }
.topbar-audible img { width: 102px; height: 32px; object-fit: contain; }
.locale-switch { border-color: #eecdbb; border-radius: 20px; }
.locale-switch button { color: #a37463; border-radius: 14px; }
.locale-switch button.selected { color: #fff; background: #e8472c; }
.icon-button { border-radius: 50%; border-color: #eccdbb; color: #db4c31; }
.icon-button:hover { background: #ffe9d9; }
.main-column main { max-width: 1540px; padding: 26px clamp(20px,3.5vw,56px) 76px; }
.main-column footer { border-top-color: #eecdbb; color: #9f7667; }
.main-column footer span:first-child { color: #d9482e; }

.hero {
  position: relative; isolation: isolate; min-height: 568px; grid-template-columns: 55% 45%;
  border-radius: 33px; overflow: hidden; background: #fff0d9;
}
.hero::before {
  content: '✳'; position: absolute; z-index: 0; top: 128px; left: 10px;
  color: #f47a9d; font-size: 86px; line-height: 1; transform: rotate(-12deg);
}
.hero::after {
  content: '✦'; position: absolute; z-index: 0; top: 84px; left: 53%;
  color: #f05b39; font-size: 40px; transform: rotate(14deg);
}
.hero-copy {
  position: relative; z-index: 3; padding: 36px 16px 42px clamp(37px,4vw,62px);
  align-items: flex-start; justify-content: center;
}
.partner-lockup { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.partner-dejavu { display: block; width: 64px; height: 48px; object-fit: contain; }
.partner-arrow { display: flex; flex-direction: column; align-items: center; gap: 2px; color: #c45a4e; }
.partner-arrow span { font-size: 7px; letter-spacing: .1em; font-weight: 900; white-space: nowrap; }
.partner-arrow b { font-size: 20px; font-weight: 400; line-height: 1; }
.partner-audible {
  display: block; width: 122px; height: 38px; object-fit: contain; box-sizing: content-box;
  background: #fff0d9; border-radius: 10px; padding: 4px 8px;
}
.kicker { color: #e74a2c; font-size: 10px; font-weight: 900; letter-spacing: .17em; margin-bottom: 0; }
.kicker-line { width: 26px; height: 3px; border-radius: 3px; background: #ee4b2c; }
.hero h1 {
  position: relative; z-index: 1; margin: 25px 0 0; max-width: 700px;
  color: #f15130; font-family: Impact,'Arial Black',Inter,Arial,sans-serif;
  font-weight: 900; text-transform: uppercase; font-size: clamp(63px,6vw,96px);
  line-height: .87; letter-spacing: -.045em;
}
.hero-script {
  position: relative; z-index: 2; align-self: flex-start; display: block;
  margin: -3px 0 8px clamp(75px,9vw,150px); white-space: nowrap;
  color: #ef7298; font-family: 'Brush Script MT','Segoe Script',cursive;
  font-size: clamp(29px,3.6vw,52px); font-style: italic; line-height: 1.1;
  transform: rotate(-6deg); text-shadow: 0 1px #fff1df;
}
.hero-description { max-width: 480px; margin: 13px 0 0; color: #6b4b40; font-size: 13px; line-height: 1.55; }
.hero-actions { gap: 10px; margin-top: 24px; }
.button {
  border-radius: 999px; padding: 13px 19px; gap: 20px;
  font-size: 11px; font-weight: 850; letter-spacing: .01em;
}
.button-dark { background: #e84428; border-color: #e84428; color: white; box-shadow: 0 8px 16px #ed68402a; }
.button-dark:hover { background: #c93720; }
.button-ghost { border-color: #ee6d54; color: #b83c2b; background: #fff8ed; }
.button-ghost:hover { background: white; }
.hero-art {
  position: relative; z-index: 1; min-height: 568px; background: transparent;
  overflow: visible; display: block;
}
.hero-art::before {
  content: ''; position: absolute; z-index: 0; width: 620px; height: 620px;
  left: -31px; top: 47px; border-radius: 50%;
  background: #f77ba2; box-shadow: inset 30px -30px 0 #f7729b;
  transform: none;
}
.hero-art::after {
  content: '✳'; position: absolute; z-index: 1; right: 18px; top: 29px;
  width: auto; height: auto; border: 0; box-shadow: none;
  font-size: 105px; line-height: 1; color: #fff4df; background: transparent;
  transform: rotate(15deg);
}
.hero-art img {
  display: block; position: absolute; z-index: 2; inset: auto -26px -42px auto;
  width: min(119%,705px); height: auto; object-fit: contain;
  filter: drop-shadow(0 12px 12px #a9514e26);
}
.hero-art-caption {
  position: absolute; z-index: 3; left: -38px; bottom: 43px; right: auto;
  display: grid; place-items: center; width: 124px; height: 124px;
  padding: 18px; border-radius: 50%; background: #ffe0d0; color: #783b35;
  text-align: center; font-size: 9px; line-height: 1.35; letter-spacing: .04em; font-weight: 900;
  transform: rotate(-10deg); box-shadow: 0 4px 18px #cb684823;
}

.stats-row { border: 0; gap: 12px; margin-top: 17px; background: transparent; }
.stat {
  min-height: 118px; padding: 20px 24px; border: 0 !important; border-radius: 23px;
  background: #ffd9c1; position: relative; overflow: hidden;
}
.stat:nth-child(2) { background: #ffd0d4; }
.stat:nth-child(3) { background: #ffceae; }
.stat:nth-child(4) { background: #f6a9c6; }
.stat strong { font: 900 48px/.95 Impact,'Arial Black',Arial,sans-serif; color: #f04e30; }
.stat:nth-child(4) strong { color: #a72d55; }
.stat>span:last-child { color: #683d37; font-size: 10px; font-weight: 800; letter-spacing: .02em; }
.stat-icon { color: #f27389; font-size: 26px; }
.stat:nth-child(4) .stat-icon { color: #fff2e2; }

.showcase {
  position: relative; overflow: hidden; margin-top: 27px; padding: 30px 34px 34px;
  border-radius: 31px; background: #ff512f;
}
.showcase::after {
  content: '✳'; position: absolute; z-index: 0; top: -44px; right: -20px;
  font-size: 138px; line-height: 1; color: #f997b0; transform: rotate(15deg);
}
.showcase-heading { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 21px; }
.showcase .eyebrow { color: #ffccb5; margin: 0 0 5px; }
.showcase h2 { font: 900 clamp(30px,3.4vw,53px)/.95 Impact,'Arial Black',Arial,sans-serif; letter-spacing: -.015em; color: #fff7e9; margin: 0; }
.showcase-heading p:last-child { color: #ffe3d3; font-size: 12px; margin: 8px 0 0; }
.showcase-link {
  position: relative; z-index: 2; border: 1px solid #fff6e4; border-radius: 999px;
  background: transparent; color: #fff; padding: 10px 16px; white-space: nowrap;
  font-size: 10px; font-weight: 850; text-transform: uppercase;
}
.showcase-link:hover { background: #fff6e4; color: #d43d26; }
.showcase-link span { font-size: 14px; margin-left: 12px; }
.featured-grid { position: relative; z-index: 1; gap: 12px; }
.featured-grid .book-card { padding: 10px; background: #fff1e4; border-radius: 19px; }
.featured-grid .book-cover-wrap { height: 218px; border-radius: 13px; background: #f7c5c0; }
.featured-grid .book-title { padding: 0 3px; }
.featured-grid .book-meta { padding: 0 3px 4px; }

.overview-grid { margin-top: 27px; grid-template-columns: 1.15fr .85fr; gap: 15px; }
.panel { border: 0; border-radius: 29px; padding: 30px 34px; }
.distribution { background: #ffead6; }
.section-heading h2 { font: 850 24px/1.1 Inter,'Helvetica Neue',Arial,sans-serif; color: #4b2c26; }
.eyebrow { color: #e6482d; font-weight: 900; }
.text-link { color: #d7472e; }
.bars { margin-top: 30px; }
.bar-code,.bar-value { color: #753d32; }
.bar-track { height: 10px; background: #f7cfbb; }
.bar-track span { background: #f16a4a; }
.bar-row:nth-child(2) .bar-track span { background: #f3799e; }
.bar-row:nth-child(3) .bar-track span { background: #f79555; }
.bar-row:nth-child(4) .bar-track span { background: #e86281; }
.bar-row:nth-child(5) .bar-track span { background: #ffb46b; }
.bar-row:nth-child(6) .bar-track span { background: #e44c38; }
.bar-row:nth-child(7) .bar-track span { background: #d872a4; }
.opportunity { background: #ffd3d9; }
.opportunity-deco { color: #f29ab4; right: -18px; bottom: -58px; font-size: 230px; }
.opportunity h2 { font: 900 31px/1.05 Impact,'Arial Black',Arial,sans-serif; text-transform: uppercase; color: #e64b32; max-width: 360px; letter-spacing: -.01em; }
.opportunity p:not(.eyebrow) { color: #704f4c; }
.language-preview { margin-top: 43px; }
.language-preview .section-heading h2 { max-width: 620px; font-size: clamp(20px,2.5vw,34px); font-weight: 900; text-transform: uppercase; color: #eb4e31; }
.language-tile-grid { gap: 12px; margin-top: 21px; }
.language-tile { min-height: 182px; padding: 19px; border: 0; border-radius: 21px; background: #ffd8cd; }
.language-tile:nth-child(7n+2) { background: #ffddaf; }
.language-tile:nth-child(7n+3) { background: #fac7d3; }
.language-tile:nth-child(7n+4) { background: #ffc5b4; }
.language-tile:nth-child(7n+5) { background: #f6d8d6; }
.language-tile:nth-child(7n+6) { background: #ffd1a6; }
.language-tile:nth-child(7n+7) { background: #ffd8e4; }
.language-tile:hover { border-color: transparent; box-shadow: 0 12px 25px #d9504933; }
.language-number { font-weight: 900; color: #a75850; }
.language-arrow { color: #df5136; font-size: 20px; }
.language-native { font: 850 24px/1.06 Inter,'Helvetica Neue',Arial,sans-serif; color: #b33731; margin-top: 25px; }
.language-tile strong { color: #73433e; font-size: 11px; }
.language-tile-bottom { color: #7c5046; font-weight: 700; }
.language-tile-bottom span:last-child { color: #d6482c; }

.page-intro { padding: 27px 0 29px; border-bottom-color: #efcfbc; }
.page-intro h1 { font: 900 clamp(48px,5vw,78px)/.98 Impact,'Arial Black',Arial,sans-serif; text-transform: uppercase; color: #ec4e30; letter-spacing: -.025em; }
.page-intro>p:last-child { color: #77564c; }
.heading-dot { color: #ef8aab; }
.catalog-toolbar { padding-top: 28px; }
.search-box { background: #fffaf1; border-color: #efc8b5; border-radius: 17px; }
.search-box:focus-within { border-color: #ef6a50; box-shadow: 0 0 0 3px #f5947333; }
.filter-pill,.language-tab { background: #fff8ec; border-color: #f0cdbb; color: #794b3f; border-radius: 999px; }
.filter-pill.active,.language-tab.active { color: #fff; background: #e94a2d; border-color: #e94a2d; }
.filter-pill.active span,.language-tab.active span,.language-tab.active em { color: #ffe2cf; }
.results-line { color: #9d6d5d; }
.book-grid { gap: 20px 14px; }
.book-card { background: #fffaf2; padding: 10px 10px 14px; border-radius: 20px; transition: transform .2s,box-shadow .2s; }
.book-card:hover { transform: translateY(-3px); box-shadow: 0 12px 23px #dc775227; }
.book-cover-wrap { height: 260px; background: #f8d9cf; border: 0; border-radius: 14px; }
.cover { background: #f8d9cf; }
.cover img { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.book-card:hover .book-cover-wrap { box-shadow: none; }
.card-open { top: 9px; right: 9px; border-radius: 50%; color: #e84b2f; }
.book-title { font: 850 15px/1.27 Inter,'Helvetica Neue',Arial,sans-serif; margin-top: 12px; color: #4d2d25; min-height: 39px; }
.book-meta { color: #956b5e; }
.book-dots i { background: #ed785e; }
.cover-placeholder { background: linear-gradient(145deg,#ffe5ce,#ffc2bc 57%,#ffd9a8); border-color: #ffead9; box-shadow: inset 0 0 0 1px #de9e91; }
.cover-placeholder:after { color: #ef648a25; }
.placeholder-mark,.placeholder-lang { color: #a9443e; }
.placeholder-title { color: #8e312f; font-weight: 800; }
.placeholder-rule { background: #e94c30; }
.placeholder-caption { color: #ae6d62; }
.language-feature { border-radius: 25px; background: #ffd8c2; }
.language-feature h2 { font: 900 45px/1 Impact,'Arial Black',Arial,sans-serif; color: #cf3d2b; }
.language-feature p:last-child { color: #794d42; }
.language-feature-mark { color: #f79492; }

.proposal-banner { border-radius: 30px; background: #e9482f; }
.proposal-brand { display: flex; align-items: center; gap: 15px; }
.proposal-brand>img { display: block; flex: 0 0 auto; width: 76px; height: 58px; object-fit: contain; }
.proposal-brand>span { color: #ffe6d7; font-size: 22px; }
.proposal-brand>div { display: flex; flex-direction: column; gap: 3px; }
.proposal-brand small { font-size: 8px; font-weight: 900; letter-spacing: .1em; color: #ffe3d1; }
.proposal-brand>div img { display: block; width: 142px; height: 41px; object-fit: contain; }
.proposal-banner h2 { font: 900 clamp(38px,4.5vw,65px)/1.13 Impact,'Arial Black',Arial,sans-serif; color: #fff5e6; }
.proposal-banner h2 em { color: #ffe1ce; font-weight: 700; text-transform: uppercase; }
.proposal-banner-art {
  background: url('./assets/manga-headphones-hero.png') right -20px bottom -100px/auto 120% no-repeat,
    radial-gradient(circle at 48% 50%,#f781a6 0 45%,#ff6b55 46% 100%);
}
.proposal-banner-art div { display: none; }
.proposal-banner-art span { color: #933029; background: #ffe6d7e8; padding: 10px 13px; border-radius: 50%; font-weight: 900; letter-spacing: .05em; }
.proposal-statement>p:last-child { font: 700 25px/1.45 Inter,'Helvetica Neue',Arial,sans-serif; color: #5b352c; }
.track { border: 0; border-radius: 22px; background: #ffded0; }
.track:nth-child(2) { background: #ffd5dc; }
.track:nth-child(3) { background: #ffe0b9; }
.track h3 { font: 850 24px/1.12 Inter,'Helvetica Neue',Arial,sans-serif; color: #e4492e; }
.track p:last-child { color: #745044; }
.conversation { border-radius: 27px; background: #ffd7d5; }
.conversation h2 { font: 900 32px/1.1 Impact,'Arial Black',Arial,sans-serif; text-transform: uppercase; color: #e14932; }
.conversation ol { color: #674239; }
.conversation li::marker { color: #e84d30; }
.proposal-note { color: #987166; }

.drawer-backdrop { background: #3c1e1cc2; }
.drawer { background: #fff5e6; }
.drawer-head { color: #df492d; }
.drawer-cover { background: #ffd9c8; border-radius: 18px; overflow: hidden; }
.drawer-info h2 { font: 850 32px/1.1 Inter,'Helvetica Neue',Arial,sans-serif; color: #4a2a24; }
.drawer-rule { background: #e74b2f; height: 3px; }
.edition-option { background: #fffaf2; border-color: #f2d1bc; border-radius: 13px; }
.edition-option.active { border-color: #e84a2f; background: #ffe0d1; }

@media (max-width: 1100px) {
  .sidebar { padding-left: 24px; padding-right: 24px; }
  .main-column main { padding-left: 24px; padding-right: 24px; }
  .hero h1 { font-size: clamp(57px,6vw,75px); }
  .hero-copy { padding-left: 38px; }
  .hero-art img { width: 125%; }
}
@media (max-width: 850px) {
  .sidebar { position: relative; height: auto; padding: 10px 22px; flex-direction: row; }
  .brand-full-logo { width: 84px; height: 47px; }
  .sidebar nav { display: flex; gap: 2px; }
  .nav-item { font-size: 10px; }
  .topbar { padding: 0 24px; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 40px 43px 24px; }
  .hero h1 { font-size: clamp(59px,10vw,82px); }
  .hero-script { margin-left: 130px; }
  .hero-art { display: block; min-height: 420px; overflow: hidden; }
  .hero-art::before { width: 550px; height: 550px; left: 50%; top: 0; transform: translateX(-50%); }
  .hero-art img { width: min(90%,620px); right: 4%; bottom: -165px; }
  .hero-art-caption { left: 12%; bottom: 40px; }
  .hero::after { left: auto; right: 40px; }
  .stats-row { grid-template-columns: repeat(2,1fr); }
  .stat:nth-child(-n+2) { border-bottom: 0; }
  .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .featured-grid .book-cover-wrap { height: 250px; }
  .overview-grid { grid-template-columns: 1fr; }
  .language-tile-grid { grid-template-columns: repeat(3,1fr); }
  .proposal-banner-art { display: block; min-height: 300px; }
}
@media (max-width: 600px) {
  .sidebar { gap: 10px; padding: 8px 15px; }
  .brand-full-logo { width: 75px; height: 42px; }
  .nav-item { padding: 8px 9px; }
  .nav-icon { font-size: 17px; padding: 0; }
  .topbar { padding: 0 15px; height: 46px; }
  .topbar-audible,.private-badge { display: none; }
  .main-column main { padding: 16px 15px 53px; }
  .hero { min-height: 0; border-radius: 24px; }
  .hero::before { left: -13px; top: 126px; font-size: 64px; }
  .hero::after { right: 14px; top: 62px; font-size: 29px; }
  .hero-copy { padding: 28px 25px 10px; }
  .partner-lockup { margin-bottom: 16px; gap: 7px; }
  .partner-dejavu { width: 50px; height: 39px; }
  .partner-audible { width: 97px; height: 30px; }
  .partner-arrow span { font-size: 6px; }
  .hero h1 { font-size: clamp(47px,12vw,68px); margin-top: 20px; }
  .hero-script { margin: 0 0 6px 48px; font-size: clamp(25px,7vw,34px); }
  .hero-description { font-size: 12px; line-height: 1.52; margin-top: 10px; }
  .hero-actions { gap: 7px; margin-top: 17px; }
  .button { padding: 10px 13px; gap: 8px; font-size: 9px; }
  .hero-art { min-height: 310px; }
  .hero-art::before { width: 420px; height: 420px; top: 5px; }
  .hero-art::after { font-size: 72px; right: 16px; top: -3px; }
  .hero-art img { width: min(104%,450px); right: -8%; bottom: -100px; }
  .hero-art-caption { width: 85px; height: 85px; left: 4%; bottom: 27px; padding: 9px; font-size: 7px; }
  .stats-row { gap: 8px; margin-top: 10px; }
  .stat { min-height: 94px; padding: 15px 16px; border-radius: 17px; }
  .stat strong { font-size: 35px; }
  .stat>span:last-child { font-size: 9px; }
  .stat-icon { font-size: 20px; }
  .showcase { margin-top: 16px; padding: 22px 15px 18px; border-radius: 24px; }
  .showcase-heading { align-items: flex-start; flex-direction: column; gap: 11px; }
  .showcase h2 { font-size: 36px; }
  .showcase-link { font-size: 9px; }
  .featured-grid { gap: 8px; }
  .featured-grid .book-card { padding: 7px; border-radius: 14px; }
  .featured-grid .book-cover-wrap { height: 178px; border-radius: 10px; }
  .book-grid { gap: 12px 9px; }
  .book-card { padding: 7px; border-radius: 14px; }
  .book-cover-wrap { height: 205px; border-radius: 10px; }
  .book-title { font-size: 12px; min-height: 38px; }
  .book-meta { font-size: 8px; }
  .cover-placeholder { border-width: 7px; padding: 10px; }
  .placeholder-title { font-size: 15px; }
  .panel { border-radius: 22px; padding: 24px; }
  .language-preview { margin-top: 34px; }
  .language-tile-grid { grid-template-columns: repeat(2,1fr); gap: 8px; }
  .language-tile { min-height: 158px; border-radius: 16px; padding: 14px; }
  .language-native { font-size: 18px; }
  .language-tile-bottom { font-size: 8px; }
  .page-intro h1 { font-size: 48px; }
  .language-feature h2 { font-size: 36px; }
  .proposal-banner { border-radius: 22px; }
  .proposal-banner-art { min-height: 270px; background-position: right -10px bottom -100px,center; }
  .drawer-info h2 { font-size: 27px; }
}

.book-author{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}

.cover-edition-label{position:absolute;bottom:5px;left:5px;right:5px;background:rgba(255,255,255,.94);color:#583e42;font-size:9px;line-height:1.3;padding:4px 5px;text-align:center;border-radius:3px}

.language-flag{width:34px;height:27px;object-fit:contain;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 2px 1px #8d442117);transform:rotate(-5deg)}
.filter-pill,.language-tab,.edition-option strong{display:inline-flex;align-items:center;gap:7px}
.filter-pill .language-flag,.language-tab .language-flag{width:30px;height:24px}
.language-tile{position:relative;border-radius:19px;border:1px solid #f0cfb7;background:linear-gradient(145deg,#fffaf0,#ffe7d7);transition:transform .18s,box-shadow .18s}
.language-tile:nth-child(3n+2){background:linear-gradient(145deg,#fff6e5,#ffe3eb)}
.language-tile:nth-child(3n){background:linear-gradient(145deg,#fff8e9,#e7f0e3)}
.language-tile:hover{transform:translateY(-5px);box-shadow:0 10px 24px #b6572720}
.language-tile-top>.language-flag{width:76px;height:59px;transform:rotate(-8deg)}
.language-number{margin-left:auto;margin-right:12px}
.language-feature h2{display:flex;align-items:center;gap:18px}
.language-feature h2 .language-flag{width:100px;height:78px}
.bar-code{display:flex;align-items:center;gap:5px;min-width:65px}
.bar-code .language-flag{width:27px;height:22px}
.edition-option strong .language-flag{width:32px;height:25px}
@media(prefers-reduced-motion:reduce){.language-tile{transition:none}.language-tile:hover{transform:none}}

.book-dots{display:flex;gap:1px;flex-wrap:wrap;justify-content:flex-end;max-width:65%}.book-dots .language-flag{width:20px;height:17px;filter:none;transform:none}.book-meta{align-items:center}.bar-row{grid-template-columns:70px 1fr 22px}

.catalog-group,.fiction-group{margin:34px 0 48px}.catalog-group-heading{margin-bottom:24px;padding:19px 24px;border-radius:18px;background:linear-gradient(115deg,#ffe0cf,#fff1db);border-left:5px solid #ee4e30}.catalog-group-heading h2{margin:0;font-size:clamp(23px,3vw,35px);color:#ac3829;letter-spacing:-.025em}.catalog-group-heading p{margin:7px 0 0;color:#8a5f50;font-size:13px}.fiction-group>.catalog-group .catalog-group-heading{background:#ffe7ed;border-left-color:#ef6c8d}.fiction-group>.catalog-group .catalog-group-heading h2{font-size:22px}