.blog-card{display:flex;flex-direction:column;height:100%;background:var(--blog-bg-primary, #ffffff);border-radius:var(--blog-radius-md, 8px);overflow:hidden;transition:all var(--blog-transition-normal, .2s ease-out);box-shadow:var(--blog-shadow-md, 0 4px 8px rgba(0, 0, 0, .1));border:1px solid var(--blog-border, #e5e7eb);font-family:var(--font-family-sans-serif)}.blog-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card__image-wrapper{position:relative;width:100%;overflow:hidden;background-color:var(--gray-100)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card__image-wrapper:before{content:"";display:block;padding-top:56.25%}.blog-card__image-wrapper>img{position:absolute;top:0;left:0}.blog-card__content{display:flex;flex-direction:column;flex-grow:1;padding:var(--blog-space-3, 24px);gap:var(--blog-space-2, 16px)}@media screen and (max-width: 767px){.blog-card__content{padding:var(--blog-space-2, 16px);gap:var(--blog-space-1, 8px)}}.blog-card__badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.375rem .75rem;background-color:var(--blog-primary, #007bff);color:#fff;font-size:var(--blog-fs-xs, 14px);font-weight:var(--blog-fw-semibold, 600);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--blog-radius-sm, 4px);transition:background-color var(--blog-transition-fast, .15s ease-out)}@media screen and (max-width: 767px){.blog-card__badge{padding:.25rem .5rem;font-size:.625rem}}.blog-card__title{font-size:var(--blog-fs-xl, 24px);line-height:var(--blog-lh-base, 1.6);font-weight:var(--blog-fw-semibold, 600);color:var(--blog-text-primary, #1f2937);margin:0;transition:color var(--blog-transition-fast, .15s ease-out);font-family:var(--font-family-sans-serif)}@media screen and (max-width: 767px){.blog-card__title{font-size:var(--blog-fs-base, 18px);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.blog-card__excerpt{font-size:var(--blog-fs-base, 18px);line-height:var(--blog-lh-base, 1.6);color:var(--blog-text-secondary, #6b7280);margin:0;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width: 767px){.blog-card__excerpt{display:none}}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--blog-space-2, 16px);font-size:var(--blog-fs-sm, 16px);color:var(--blog-text-secondary, #6b7280);padding-top:var(--blog-space-2, 16px);border-top:1px solid var(--blog-border, #e5e7eb);margin-top:auto}@media screen and (max-width: 767px){.blog-card__meta{font-size:var(--blog-fs-xs, 14px);gap:var(--blog-space-1, 8px);padding-top:var(--blog-space-1, 8px);border-top:none}.blog-card__meta-item svg,.blog-card__meta-item .icon{width:14px;height:14px}}.blog-card__meta-item{display:flex;align-items:center;gap:.5rem}.blog-card__meta-item svg,.blog-card__meta-item .icon{width:16px;height:16px;flex-shrink:0}.blog-card__author{display:flex;align-items:center;gap:.5rem;font-weight:var(--blog-fw-medium, 500);color:var(--blog-text-primary, #1f2937)}.blog-card__author-credentials{font-size:var(--blog-fs-xs, 14px);color:var(--blog-text-muted, #9ca3af);font-weight:var(--blog-fw-regular, 400)}.blog-card__date,.blog-card__read-time{display:flex;align-items:center;gap:.375rem}.blog-card__updated-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:var(--blog-success, #28a745);color:#fff;font-size:var(--blog-fs-xs, 14px);font-weight:var(--blog-fw-semibold, 600);border-radius:var(--blog-radius-sm, 4px)}.blog-card__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--blog-fs-sm, 16px);font-weight:var(--blog-fw-semibold, 600);color:var(--blog-link, #2563eb);margin-top:var(--blog-space-2, 16px);transition:gap var(--blog-transition-fast, .15s ease-out)}.blog-card__cta svg{width:16px;height:16px;transition:transform var(--blog-transition-fast, .15s ease-out)}@media (hover: hover){.blog-card:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow-hover, 0 12px 24px rgba(0, 0, 0, .15));border-color:var(--blog-primary, #007bff)}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card:hover .blog-card__title{color:var(--blog-link-hover, #1d4ed8)}.blog-card:hover .blog-card__cta{gap:.75rem;color:var(--blog-link-hover, #1d4ed8)}.blog-card:hover .blog-card__cta svg{transform:translate(4px)}}.blog-card--featured{grid-column:span 2}@media screen and (min-width: 768px){.blog-card--featured .blog-card__content{padding:var(--blog-space-4, 32px)}.blog-card--featured .blog-card__title{font-size:var(--blog-fs-2xl, 28px);line-height:var(--blog-lh-tight, 1.3)}.blog-card--featured .blog-card__excerpt{font-size:var(--blog-fs-lg, 20px);line-height:var(--blog-lh-base, 1.6);-webkit-line-clamp:4}.blog-card--featured-horizontal{flex-direction:row}.blog-card--featured-horizontal .blog-card__image-wrapper{width:50%;flex-shrink:0}.blog-card--featured-horizontal .blog-card__image-wrapper:before{padding-top:0}.blog-card--featured-horizontal .blog-card__image{position:static;height:100%}}.blog-card--compact{flex-direction:column;box-shadow:var(--blog-shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.blog-card--compact .blog-card__image-wrapper{width:100%;flex-shrink:0}.blog-card--compact .blog-card__image-wrapper:before{padding-top:56.25%}.blog-card--compact .blog-card__content{padding:var(--blog-space-2, 16px);gap:var(--blog-space-1, 8px)}.blog-card--compact .blog-card__title{font-size:var(--blog-fs-sm, 16px);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card--compact .blog-card__excerpt{display:none}.blog-card--compact .blog-card__meta{font-size:var(--blog-fs-xs, 14px);padding-top:var(--blog-space-1, 8px);margin-top:0;gap:var(--blog-space-1, 8px);border:none}.blog-card--compact .blog-card__badge{font-size:.625rem;padding:.25rem .5rem}.blog-card--slider{box-shadow:var(--blog-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.blog-card--slider .blog-card__image-wrapper:before{padding-top:60%}.blog-card--slider .blog-card__content{padding:var(--blog-space-2, 16px);gap:var(--blog-space-1, 8px)}.blog-card--slider .blog-card__badge{font-size:.625rem;padding:.25rem .5rem}.blog-card--slider .blog-card__title{font-size:var(--blog-fs-sm, 16px);line-height:1.4;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card--slider .blog-card__excerpt{font-size:var(--blog-fs-xs, 14px);line-height:1.5;-webkit-line-clamp:2}.blog-card--slider .blog-card__meta{font-size:.75rem;padding-top:var(--blog-space-1, 8px);gap:.5rem;border-top:none}.blog-card--slider .blog-card__meta-item svg{width:12px;height:12px}.blog-card--slider .blog-card__cta{display:none}@media screen and (min-width: 768px){.blog-card--slider .blog-card__title{font-size:var(--blog-fs-base, 18px)}.blog-card--slider .blog-card__excerpt{font-size:var(--blog-fs-sm, 16px)}}.blog-card--text-only .blog-card__image-wrapper{display:none}.blog-card--text-only .blog-card__content{padding:var(--blog-space-4, 32px)}.blog-card:focus-within{outline:2px solid var(--blog-primary, #007bff);outline-offset:2px}.blog-card__link:focus{outline:none}.blog-card--loading{pointer-events:none;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.blog-card--loading .blog-card__image-wrapper,.blog-card--loading .blog-card__title,.blog-card--loading .blog-card__excerpt,.blog-card--loading .blog-card__meta{background:linear-gradient(90deg,var(--blog-gray-100, #e9ecef) 0%,var(--blog-gray-200, #e5e7eb) 50%,var(--blog-gray-100, #e9ecef) 100%);background-size:200% 100%;color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/blog-cards.css.map */