.cc_4waatua4_dcbL4x6rnF .rrx { padding-top: 4.5rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__box { display: grid; grid-template-columns: 1fr; gap: 2rem; padding: 2.75rem 1.25rem; border-radius: var(--defter-radius); background: var(--defter-orange-text); color: var(--defter-white); }
.cc_4waatua4_dcbL4x6rnF .rrx__kicker { background: rgba(255, 255, 255, 0.18); color: var(--defter-white); }
.cc_4waatua4_dcbL4x6rnF .rrx__kicker::before { background: var(--defter-butter); }
.cc_4waatua4_dcbL4x6rnF .rrx__title { margin-top: 0.25rem; font-size: clamp(2.125rem, 4.2vw, 4rem); }
.cc_4waatua4_dcbL4x6rnF .rrx__q { margin-top: 1.875rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__q h3 { margin: 0 0 0.75rem; font-family: var(--defter-font-soft); font-size: 1.25rem; font-weight: 700; line-height: 1.2; }
.cc_4waatua4_dcbL4x6rnF .rrx__pills { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__pill { display: inline-flex; align-items: center; height: 2.75rem; padding: 0 1.125rem; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.18); color: var(--defter-white); font-family: var(--defter-font); font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: 0.15s; }
.cc_4waatua4_dcbL4x6rnF .rrx__pill:hover { background: rgba(255, 255, 255, 0.3); }
.cc_4waatua4_dcbL4x6rnF .rrx__pill.is-on { background: var(--defter-white); color: var(--defter-ink); }
.cc_4waatua4_dcbL4x6rnF .rrx__res { align-self: start; padding: 1.125rem; border-radius: 24px; background: var(--defter-white); color: var(--defter-ink); }
.cc_4waatua4_dcbL4x6rnF .rrx__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 1.375rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__top b { font-family: var(--defter-font-soft); font-size: 1.625rem; font-weight: 800; letter-spacing: -0.03em; }
.cc_4waatua4_dcbL4x6rnF .rrx__top span { font-size: 0.875rem; color: var(--defter-ink-2); }
.cc_4waatua4_dcbL4x6rnF .rrx__three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__bk { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; color: var(--defter-ink); text-decoration: none; animation: cc_4waatua4_dcbL4x6rnF_rrx-up 0.5s both; }
@keyframes cc_4waatua4_dcbL4x6rnF_rrx-up { from { opacity: 0; transform: translateY(20px); } }
.cc_4waatua4_dcbL4x6rnF .rrx__stage { display: grid; place-items: center; aspect-ratio: 4 / 5; border-radius: 18px; }
.cc_4waatua4_dcbL4x6rnF .rrx__stage .book-cover { width: 60%; transition: transform 0.45s cubic-bezier(.2, .8, .2, 1); }
.cc_4waatua4_dcbL4x6rnF .rrx__bk:hover .book-cover { transform: rotate(-4deg) translateY(-6px) scale(1.04); }
.cc_4waatua4_dcbL4x6rnF .rrx__why { margin-top: 0.25rem; color: var(--defter-orange-text); font-size: 0.75rem; font-weight: 600; }
.cc_4waatua4_dcbL4x6rnF .rrx__name { font-family: var(--defter-font-soft); font-size: 0.875rem; font-weight: 700; line-height: 1.2; }
.cc_4waatua4_dcbL4x6rnF .rrx__by { display: none; color: var(--defter-ink-2); font-size: 0.8125rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__price { font-family: var(--defter-font-soft); font-size: 0.95rem; font-weight: 800; }
.cc_4waatua4_dcbL4x6rnF .rrx__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem; margin-top: 1.375rem; }
.cc_4waatua4_dcbL4x6rnF .rrx__sig { color: var(--defter-ink-2); font-size: 1.625rem; line-height: 1; }
@media (min-width: 768px) {
  .cc_4waatua4_dcbL4x6rnF .rrx__by { display: block; }
  .cc_4waatua4_dcbL4x6rnF .rrx__name { font-size: 1.0625rem; }
  .cc_4waatua4_dcbL4x6rnF .rrx__why { font-size: 0.8125rem; }
  .cc_4waatua4_dcbL4x6rnF .rrx__price { font-size: 1.1875rem; }
  .cc_4waatua4_dcbL4x6rnF .rrx__three { gap: 1rem; }
  .cc_4waatua4_dcbL4x6rnF .rrx__res { padding: 1.75rem; }
}
@media (min-width: 1024px) { .cc_4waatua4_dcbL4x6rnF .rrx__box { grid-template-columns: 0.9fr 1.1fr; gap: 3.5rem; padding: 4.5rem 4rem; } }