.blog-listing{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.blog-listing__breadcrumbs,.blog-listing__header{margin-bottom:var(--space-md)}.blog-listing__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-semibold);color:var(--color-plum);margin-bottom:var(--space-xs)}.blog-listing__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px}.blog-listing__layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.blog-listing__layout{grid-template-columns:1fr 280px}}.blog-listing__grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3),1fr);gap:var(--space-md)}@media(max-width:1023px){.blog-listing__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-listing__grid{grid-template-columns:1fr}}.blog-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.blog-card__link{display:block}.blog-card__image-wrapper{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary)}.blog-card__image-wrapper--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__content{padding:var(--space-sm)}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:var(--space-xs)}.blog-card__tag{display:inline-block;padding:.125rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-plum);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.blog-card__title{font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:hover{color:var(--color-gold)}.blog-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.blog-card__author,.blog-card__date{display:flex;align-items:center;gap:.25rem}.blog-listing__sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.blog-listing__sidebar-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-sm)}.blog-listing__sidebar-heading{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-plum);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-bg-secondary)}.blog-listing__sidebar-article{display:flex;gap:var(--space-xs);padding:var(--space-xs) 0;text-decoration:none;border-bottom:1px solid var(--color-bg-secondary)}.blog-listing__sidebar-article:last-child{border-bottom:none}.blog-listing__sidebar-thumb{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.blog-listing__sidebar-thumb-image{width:100%;height:100%;object-fit:cover}.blog-listing__sidebar-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.blog-listing__sidebar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-listing__sidebar-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.blog-listing__tags{display:flex;flex-wrap:wrap;gap:.375rem}.blog-listing__tag{display:inline-block;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-plum);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.blog-listing__tag:hover{background:var(--color-gold);color:var(--color-white)}@media(max-width:767px){.blog-listing{padding-top:var(--space-md);padding-bottom:var(--space-md)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/blog-listing.css.map */