.cc_4waatua4_GieHPsZhOM .pstack { padding-top: 4.5rem; }
.cc_4waatua4_GieHPsZhOM .pstack__band { position: relative; display: grid; grid-template-columns: 1fr; gap: 1.875rem; align-items: center; overflow: hidden; padding: 2.5rem 1.25rem; border-radius: var(--defter-radius); background: var(--defter-ink); color: var(--defter-white); }
.cc_4waatua4_GieHPsZhOM .pstack__kicker { background: rgba(255, 255, 255, 0.12); color: var(--defter-white); }
.cc_4waatua4_GieHPsZhOM .pstack__kicker::before { background: var(--defter-butter); }
.cc_4waatua4_GieHPsZhOM .pstack__title { margin-top: 0.25rem; font-size: clamp(2.125rem, 4.2vw, 4rem); }
.cc_4waatua4_GieHPsZhOM .pstack__title .gold-title__em { background: none; color: var(--defter-butter); transform: none; padding: 0; }
.cc_4waatua4_GieHPsZhOM .pstack__text { margin: 0.75rem 0 0; color: #b8bcd6; font-size: 1.0625rem; }
.cc_4waatua4_GieHPsZhOM .pstack__cd { display: flex; gap: 0.5rem; margin-top: 1.5rem; }
.cc_4waatua4_GieHPsZhOM .pstack__cd div { width: 4.25rem; padding: 0.75rem 0; border-radius: 16px; background: rgba(255, 255, 255, 0.1); text-align: center; }
.cc_4waatua4_GieHPsZhOM .pstack__cd b { display: block; font-family: var(--defter-font-soft); font-size: 1.625rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.cc_4waatua4_GieHPsZhOM .pstack__cd small { font-size: 0.78rem; color: #b8bcd6; }
.cc_4waatua4_GieHPsZhOM .pstack__btn { margin-top: 1.625rem; }
.cc_4waatua4_GieHPsZhOM .pstack__fan { position: relative; height: 15.625rem; }
.cc_4waatua4_GieHPsZhOM .pstack__fan .book-cover { position: absolute; top: 50%; left: 50%; width: 7.5rem; transition: transform 0.4s; }
.cc_4waatua4_GieHPsZhOM .pstack__fan .book-cover:nth-child(1) { transform: translate(-125%, -48%) rotate(-10deg); }
.cc_4waatua4_GieHPsZhOM .pstack__fan .book-cover:nth-child(2) { transform: translate(-50%, -55%); z-index: 2; }
.cc_4waatua4_GieHPsZhOM .pstack__fan .book-cover:nth-child(3) { transform: translate(25%, -48%) rotate(10deg); }
.cc_4waatua4_GieHPsZhOM .pstack__fan:hover .book-cover:nth-child(1) { transform: translate(-150%, -50%) rotate(-14deg); }
.cc_4waatua4_GieHPsZhOM .pstack__fan:hover .book-cover:nth-child(3) { transform: translate(50%, -50%) rotate(14deg); }
.cc_4waatua4_GieHPsZhOM .pstack__badge { position: absolute; right: 6%; top: 4%; z-index: 3; display: grid; place-content: center; width: 5.375rem; height: 5.375rem; border-radius: 50%; background: var(--defter-butter); color: var(--defter-ink); font-family: var(--defter-font-soft); font-size: 1rem; font-weight: 800; line-height: 1; text-align: center; transform: rotate(10deg); }
@media (min-width: 1024px) {
  .cc_4waatua4_GieHPsZhOM .pstack__band { grid-template-columns: 1fr 1fr; gap: 1.875rem; padding: 3.5rem 4rem; }
  .cc_4waatua4_GieHPsZhOM .pstack__cd div { width: 4.75rem; }
  .cc_4waatua4_GieHPsZhOM .pstack__cd b { font-size: 2rem; }
  .cc_4waatua4_GieHPsZhOM .pstack__fan { height: 20rem; }
  .cc_4waatua4_GieHPsZhOM .pstack__fan .book-cover { width: 10.625rem; }
  .cc_4waatua4_GieHPsZhOM .pstack__badge { width: 6.875rem; height: 6.875rem; font-size: 1.25rem; }
}