.hss-series-section .hss-grid{grid-template-columns:repeat(4,1fr)!important}@media (min-width:1200px){.hss-series-section .hss-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:768px) and (max-width:1199px){.hss-series-section .hss-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:481px) and (max-width:767px){.hss-series-section .hss-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.hss-series-section .hss-grid{grid-template-columns:repeat(2,1fr)!important}}.hss-series-section .hss-card{background:var(--hss-bg-light);border:1px solid rgb(0 0 0 / .06);border-top:3px solid var(--hss-primary-color);border-left:none;box-shadow:0 2px 8px rgb(0 0 0 / .06);transition:all 0.25s ease;position:relative;overflow:hidden;min-height:0;display:flex;flex-direction:column;border-radius:12px}.hss-series-section .hss-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--hss-primary-color) 0%,var(--hss-primary-hover) 50%,var(--hss-primary-color) 100%);z-index:1}.hss-series-section .hss-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(var(--hss-primary-color-rgb,188,132,86),.04) 0%,transparent 50%);z-index:0;opacity:0;transition:opacity 0.25s ease}.hss-series-section .hss-card:hover{box-shadow:0 8px 28px rgba(var(--hss-primary-color-rgb,188,132,86),.2),0 4px 12px rgb(0 0 0 / .06);border-top-color:var(--hss-primary-hover);transform:translateY(-3px)}.hss-series-section .hss-card:hover::after{opacity:1}.hss-series-section .hss-card-content{padding:14px 12px 12px 12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;text-align:center;position:relative;z-index:2}.hss-series-icon{color:var(--hss-primary-color);opacity:.55;margin-bottom:6px;line-height:1;transition:opacity 0.2s ease,transform 0.2s ease}.hss-series-section .hss-card:hover .hss-series-icon{opacity:.85;transform:scale(1.1)}.hss-series-name{font-size:14px;font-weight:700;color:#2d3748;margin:0 0 4px 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;width:100%;transition:color 0.2s ease}.hss-series-section .hss-card:hover .hss-series-name{color:var(--hss-primary-color)}.hss-series-meta{margin-top:auto;padding-top:4px}.hss-series-meta .hss-book-count{display:inline-flex;align-items:center;gap:4px;color:var(--hss-secondary-color);font-size:12px;font-weight:600;background:rgba(var(--hss-primary-color-rgb,188,132,86),.06);padding:3px 10px;border-radius:20px;transition:background 0.2s ease}.hss-series-section .hss-card:hover .hss-book-count{background:rgba(var(--hss-primary-color-rgb,188,132,86),.12)}.hss-series-meta .hss-book-count svg{color:var(--hss-secondary-color);width:13px;height:13px}@media (max-width:480px){.hss-series-section .hss-card-content{padding:12px 10px 10px 10px!important}.hss-series-icon svg{width:22px;height:22px}.hss-series-name{font-size:13px}.hss-series-meta .hss-book-count{font-size:11px;padding:2px 8px}}@media (max-width:360px){.hss-series-section .hss-card-content{padding:10px 8px 8px 8px!important}.hss-series-icon svg{width:20px;height:20px}.hss-series-name{font-size:12px}.hss-series-meta .hss-book-count{font-size:10px}}