.guides-grid{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}.guides-grid__heading{text-align:center;margin-bottom:8px}.guides-grid__subheading{text-align:center;color:rgb(var(--color-foreground),.7);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.guides-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guides-grid__empty{text-align:center;color:rgb(var(--color-foreground),.5);grid-column:1 / -1;padding:40px}.guide-card{display:block;text-decoration:none;color:inherit;background:rgb(var(--color-background));border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.guide-card__image-wrapper{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:rgb(var(--color-foreground),.05)}.guide-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.guide-card:hover .guide-card__image{transform:scale(1.05)}.guide-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#999}.guide-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.guide-card:hover .guide-card__overlay{opacity:1}.guide-card__read-more{color:#fff;font-weight:600;padding:10px 20px;background:rgb(var(--color-button));border-radius:6px;transform:translateY(10px);transition:transform .3s ease}.guide-card:hover .guide-card__read-more{transform:translateY(0)}.guide-card__content{padding:16px 20px 20px}.guide-card__title{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card__meta{display:flex;align-items:center;gap:12px}.guide-card__read-time{display:flex;align-items:center;gap:6px;font-size:13px;color:rgb(var(--color-foreground),.6)}.guide-card__read-time svg{flex-shrink:0}@media (max-width: 989px){.guides-grid__container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 749px){.guides-grid__container{grid-template-columns:1fr;gap:16px}.guide-card__content{padding:14px 16px 16px}.guide-card__title{font-size:15px}.guides-grid__subheading{font-size:14px;margin-bottom:24px;padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-guides-grid.css.map */