.home-page-main-banner {margin-bottom: 30px;}.home-page-main-banner .home-page-main-banner-skeleton {width: 100%;height: 268.42px;overflow: hidden;border-radius: 6px;background: linear-gradient(90deg, #e6e6e6 25%, #f2f2f2 50%, #e6e6e6 75%);background-size: 200% 100%;animation: home-page-main-banner-loading 1.5s ease-in-out infinite;}.home-page-main-banner .recent-reading-banner {overflow: hidden;}.home-page-main-banner .recent-reading-banner h2 {margin: 0 0 20px;font-size: 22px;line-height: 1.2;text-transform: none;}.home-page-main-banner .recent-reading-content {display: flex;align-items: stretch;gap: 30px;}.home-page-main-banner .recent-reading-featured {display: flex;max-width: 48%;flex: 0 1 auto;padding: 8px 0 12px 0;min-width: 0;gap: 24px;color: #222;text-decoration: none;}.home-page-main-banner .recent-reading-featured:hover,.home-page-main-banner .recent-reading-featured:focus,.home-page-main-banner .recent-reading-product:hover,.home-page-main-banner .recent-reading-product:focus {color: #222;text-decoration: none;}.home-page-main-banner .recent-reading-featured > img {width: 126px;height: 168px;flex: 0 0 126px;object-fit: cover;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform .15s ease-out;}.home-page-main-banner .recent-reading-featured:hover > img,.home-page-main-banner .recent-reading-featured:focus > img,.home-page-main-banner .recent-reading-product:hover img,.home-page-main-banner .recent-reading-product:focus img {transform: translateY(-3px);}.home-page-main-banner .recent-reading-featured-details {display: flex;min-width: 0;flex: 1 1 auto;flex-direction: column;justify-content: center;}.home-page-main-banner .recent-reading-featured > .recent-reading-product-title {display: none;}.home-page-main-banner .recent-reading-eyebrow {margin-bottom: 8px;color: #666;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;}.home-page-main-banner .recent-reading-featured-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 24px;font-weight: 700;line-height: 1.18;}.home-page-main-banner .recent-reading-featured-subtitle {margin-top: 6px;color: #555;font-size: 15px;line-height: 1.3;}.home-page-main-banner .recent-reading-progress-label {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 20px;font-size: 13px;font-weight: 700;}.home-page-main-banner .recent-reading-progress {position: relative;width: 100%;max-width: 180px;height: 8px;margin-top: 8px;border-radius: 4px;background: #d2d7da;}.home-page-main-banner .recent-reading-progress-filled {display: block;height: 100%;border-radius: 4px;background: #f58220;}.home-page-main-banner .recent-reading-progress-value {position: absolute;top: 50%;width: 10px;height: 10px;border-radius: 50%;background: #222;transform: translate(-50%, -50%);}.home-page-main-banner .recent-reading-progress-value::before {position: absolute;top: 16px;left: 50%;width: 1px;height: 8px;background: #222;content: '';transform: translateX(-50%);}.home-page-main-banner .recent-reading-progress-value::after {position: absolute;top: 13px;left: 50%;width: 0;height: 0;border-right: 4px solid transparent;border-bottom: 5px solid #222;border-left: 4px solid transparent;content: '';transform: translateX(-50%);}.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::after,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::after {animation: recent-reading-arrow-point .6s ease-in-out infinite alternate;}.home-page-main-banner .recent-reading-products {display: flex;min-width: 0;flex: 1 1 52%;gap: 18px;overflow-x: auto;padding-bottom: 8px;padding-top: 8px;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;}.home-page-main-banner .recent-reading-content > .recent-reading-products:first-child {flex-basis: 100%;}.home-page-main-banner .recent-reading-product {min-width: 0;flex: 0 0 100px;color: #222;scroll-snap-align: start;text-decoration: none;}.home-page-main-banner .recent-reading-product img {display: block;width: 86px;height: 115px;max-width: 100%;margin: 0 auto;object-fit: cover;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);transition: transform .15s ease-out;}.home-page-main-banner .recent-reading-product-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 9px;overflow: hidden;font-size: 13px;font-weight: 700;line-height: 1.25;text-align: center;text-overflow: ellipsis;white-space: normal;}@keyframes recent-reading-arrow-point {from {transform: translateX(-50%) translateY(0);}to {transform: translateX(-50%) translateY(-3px);}}@media (prefers-reduced-motion: reduce) {.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::after,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::after {animation: none;}}@media screen and (min-width: 768px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 720px;height: 228.42px;}}@media screen and (min-width: 992px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 940px;}}@media screen and (min-width: 1200px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 1140px;}}@media screen and (max-width: 767px) {.home-page-main-banner .recent-reading-banner {padding: 20px;}.home-page-main-banner .recent-reading-content {gap: 24px;}.home-page-main-banner .recent-reading-featured {display: block;max-width: none;flex: 0 0 114px;text-align: center;}.home-page-main-banner .recent-reading-featured > img {display: block;width: 114px;height: 152px;}.home-page-main-banner .recent-reading-featured-details {display: none;}.home-page-main-banner .recent-reading-featured > .recent-reading-product-title {display: -webkit-box;}.home-page-main-banner .recent-reading-products {flex: 1 1 0;}}@keyframes home-page-main-banner-loading {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}@media (prefers-reduced-motion: reduce) {.home-page-main-banner .home-page-main-banner-skeleton {animation: none;}.home-page-main-banner .recent-reading-featured > img,.home-page-main-banner .recent-reading-product img {transition: none;}}