.coast-kienthuc-teaser{padding-top:var(--coast-kienthuc-teaser-padding-top, 56px);padding-bottom:var(--coast-kienthuc-teaser-padding-bottom, 56px)}.coast-kienthuc-teaser__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--coast-space-sm);margin-bottom:var(--coast-space-lg)}.coast-kienthuc-teaser__heading{margin:0;font-family:var(--coast-font-heading);font-weight:700;font-size:clamp(2rem,3vw,2.6rem);color:var(--coast-ocean-depth)}.coast-kienthuc-teaser__view-all{font-family:var(--coast-font-body);font-size:1.3rem;font-weight:600;color:var(--coast-sea-teal);text-decoration:none;white-space:nowrap}.coast-kienthuc-teaser__grid{display:grid;grid-template-columns:1fr;gap:var(--coast-space-md);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.coast-kienthuc-teaser__grid{grid-template-columns:repeat(3,1fr)}}.coast-kienthuc-teaser__card-link{display:flex;flex-direction:column;height:100%;border-radius:var(--coast-radius-md);overflow:hidden;border:var(--coast-border-width) solid var(--coast-border-color);text-decoration:none;background:var(--coast-clean-white);transition:box-shadow .15s ease,transform .15s ease}.coast-kienthuc-teaser__card-link:hover{box-shadow:var(--coast-shadow-md);transform:translateY(-2px)}.coast-kienthuc-teaser__media{position:relative;display:block;aspect-ratio:3 / 2;background:var(--coast-warm-sand)}.coast-kienthuc-teaser__media img{width:100%;height:100%;object-fit:cover;display:block}.coast-kienthuc-teaser__icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--coast-ocean-depth)}.coast-kienthuc-teaser__badge{position:absolute;top:var(--coast-space-xs);left:var(--coast-space-xs)}.coast-kienthuc-teaser__body{display:flex;flex-direction:column;gap:6px;padding:var(--coast-space-sm)}.coast-kienthuc-teaser__title{font-family:var(--coast-font-heading);font-weight:700;font-size:1.5rem;color:var(--coast-ocean-depth);line-height:1.3}.coast-kienthuc-teaser__meta{font-family:var(--coast-font-body);font-size:1.2rem;color:var(--coast-charcoal-60)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coast-kienthuc-teaser.css.map */