.recommended-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%}.recommended-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f;border-color:#d1d5db}.recommended-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.recommended-image-wrapper{aspect-ratio:16/9;overflow:hidden;background:#f3f4f6;position:relative}.recommended-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recommended-card:hover .recommended-image-wrapper img{transform:scale(1.08)}.recommended-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#103439,#1a4d4f);color:#ffffffb3}.recommended-pillar-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#103439}.recommended-pillar-badge--behaviour{background:#fff;color:#6366f1;border:1px solid #6366f1}.recommended-pillar-badge--nutrition{background:#fff;color:#10b981;border:1px solid #10b981}.recommended-pillar-badge--lifestyle{background:#fff;color:#3b82f6;border:1px solid #3b82f6}.recommended-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.recommended-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.recommended-date{color:#374151;font-weight:500}.recommended-read-time{display:flex;align-items:center;gap:4px;color:#9ca3af}.recommended-read-time svg{flex-shrink:0}.recommended-title{margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.3;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended-excerpt{font-size:14px;line-height:1.6;color:#6b7280;margin:0 0 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recommended-read-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:14px;font-weight:600;color:#103439;transition:gap .2s ease;align-self:flex-end}.recommended-card:hover .recommended-read-more{gap:10px}.recommended-read-more svg{flex-shrink:0}@media(max-width:768px){.recommended-content{padding:18px}.recommended-title{font-size:17px}}@media(prefers-reduced-motion:reduce){.recommended-card,.recommended-image-wrapper img,.recommended-read-more{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/recommended-card.css.map */