/* Article footer related books. Scope stays separate from catalogue and membership UI. */
.gk-yes24-related { margin: 32px 0 26px; padding: 25px; border: 1px solid #e5dfd3; border-radius: 16px; background: linear-gradient(150deg, #fcfaf6, #f8fafc); }
.gk-yes24-related, .gk-yes24-related * { box-sizing: border-box; }
.gk-yes24-related .gk-yes24-related-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 18px; }
.gk-yes24-related .gk-yes24-related-eyebrow { display: block; color: #9b753c; font-size: 9px; font-weight: 800; letter-spacing: 1.8px; line-height: 1.5; }
.gk-yes24-related .gk-yes24-related-heading h2 { margin: 6px 0 5px; padding: 0; color: #132844 !important; font-size: 22px; font-weight: 800; line-height: 1.5; letter-spacing: -.5px; }
.gk-yes24-related .gk-yes24-related-heading p { margin: 0; color: #788799; font-size: 11px; line-height: 1.7; }
.gk-yes24-related .gk-yes24-related-brand { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 5px 9px; border: 1px solid #d8e3f0; border-radius: 5px; color: #2e6099; background: #f4f8fc; font-size: 10px; font-weight: 900; letter-spacing: -.3px; line-height: 1.5; }
.gk-yes24-related .gk-yes24-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 12px; }
.gk-yes24-related .gk-yes24-related-card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; margin: 0; padding: 14px; border: 1px solid #e3e8ed; border-radius: 11px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.gk-yes24-related .gk-yes24-related-card:hover { border-color: #c7b796; box-shadow: 0 5px 16px #13284408; }
.gk-yes24-related .gk-yes24-related-book { display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: start; gap: 12px; min-width: 0; }
.gk-yes24-related .gk-yes24-related-cover-link { display: flex; align-items: center; justify-content: center; width: 68px; min-width: 0; height: 108px; padding: 2px 0; }
.gk-yes24-related .gk-yes24-related-cover { display: block; width: auto; height: auto; max-width: 100%; max-height: 104px; margin: 0; border: 0; border-radius: 2px; object-fit: contain; box-shadow: 3px 4px 9px #453b2b20; }
.gk-yes24-related .gk-yes24-related-placeholder { display: grid; place-items: center; width: 68px; min-height: 99px; padding: 8px; border: 1px solid #dbe2ea; border-radius: 3px; color: #8794a3; background: #f0f3f7; font-size: 9px; text-align: center; line-height: 1.7; }
.gk-yes24-related .gk-yes24-related-info { display: flex; flex-direction: column; min-width: 0; min-height: 108px; }
.gk-yes24-related .gk-yes24-related-info h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 40px; margin: 0 0 6px; padding: 0; color: #132844 !important; font-size: 13px; font-weight: 800; line-height: 20px; letter-spacing: -.2px; word-break: keep-all; overflow-wrap: anywhere; }
.gk-yes24-related a.gk-yes24-related-title-link { color: #132844 !important; text-decoration: none !important; }
.gk-yes24-related a.gk-yes24-related-title-link:hover h3 { color: #195aa6 !important; }
.gk-yes24-related .gk-yes24-related-byline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 32px; margin: 0 0 7px; color: #738396; font-size: 10px; line-height: 16px; overflow-wrap: anywhere; }
.gk-yes24-related .gk-yes24-related-byline > span { color: #8c98a5; }
.gk-yes24-related .gk-yes24-related-byline > span::before { content: " · "; }
.gk-yes24-related .gk-yes24-price { gap: 2px 5px; min-height: 21px; margin: auto 0 0; }
.gk-yes24-related .gk-yes24-price > strong { font-size: 13px; }
.gk-yes24-related .gk-yes24-price small { font-size: 9px; }
.gk-yes24-related .gk-yes24-discount { font-size: 11px; }
.gk-yes24-related .gk-yes24-discount > span { font-size: 9px; }
.gk-yes24-related .gk-yes24-price del { display: none; }
.gk-yes24-related .gk-yes24-related-price-note { margin: auto 0 0; color: #7e8da0; font-size: 10px; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; }
.gk-yes24-related .gk-yes24-related-keywords { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 11px 0 0; padding: 0; list-style: none; }
.gk-yes24-related .gk-yes24-related-keywords li { display: inline-block; max-width: 100%; margin: 0; padding: 3px 7px; border-radius: 4px; color: #8e713f; background: #f7f1e6; font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; }
.gk-yes24-related a.gk-yes24-related-buy { min-height: 36px; margin-top: 12px; padding: 8px 7px; gap: 7px; font-size: 10px; line-height: 1.5; }
.gk-yes24-related .gk-yes24-source { gap: 4px; margin-top: 16px; padding-top: 13px; border-top-color: #e8e3d9; font-size: 9px; }
.gk-yes24-related .gk-yes24-source p { margin: 0; }
@media (max-width: 1020px) and (min-width: 769px) {
    .gk-yes24-related { padding: 20px; }
    .gk-yes24-related .gk-yes24-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .gk-yes24-related { margin: 25px 0; padding: 18px; border-radius: 12px; }
    .gk-yes24-related .gk-yes24-related-heading { margin-bottom: 15px; gap: 10px; }
    .gk-yes24-related .gk-yes24-related-heading h2 { font-size: 20px; }
    .gk-yes24-related .gk-yes24-related-heading p { font-size: 10px; }
    .gk-yes24-related .gk-yes24-related-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .gk-yes24-related .gk-yes24-related-card { padding: 13px; }
    .gk-yes24-related .gk-yes24-related-book { grid-template-columns: 72px minmax(0, 1fr); gap: 14px; }
    .gk-yes24-related .gk-yes24-related-cover-link { width: 72px; }
    .gk-yes24-related .gk-yes24-related-info h3 { font-size: 14px; line-height: 21px; max-height: 42px; }
    .gk-yes24-related .gk-yes24-related-byline { font-size: 11px; line-height: 17px; max-height: 34px; }
    .gk-yes24-related .gk-yes24-price > strong { font-size: 14px; }
    .gk-yes24-related .gk-yes24-related-keywords { margin-top: 9px; }
    .gk-yes24-related a.gk-yes24-related-buy { min-height: 37px; font-size: 11px; }
    .gk-yes24-related .gk-yes24-updated { width: 100%; margin-left: 0; }
}
@media (max-width: 350px) {
    .gk-yes24-related { padding: 14px; }
    .gk-yes24-related .gk-yes24-related-card { padding: 11px; }
    .gk-yes24-related .gk-yes24-related-book { grid-template-columns: 62px minmax(0, 1fr); gap: 11px; }
    .gk-yes24-related .gk-yes24-related-cover-link { width: 62px; }
}
@media (prefers-reduced-motion: reduce) {
    .gk-yes24-related .gk-yes24-related-card { transition: none; }
}