.activity-grid{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);background:#fff}.activity-grid__header{max-width:1400px;margin:0 auto 40px;padding:0 40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.activity-grid__title{font-family:var(--font-heading-family);font-weight:700;margin:0;text-transform:uppercase}.activity-grid__tabs{display:flex;gap:8px;flex-wrap:wrap}.activity-grid__tab{background:transparent;border:1px solid rgb(var(--color-gray-900));border-radius:999px;padding:8px 20px;font-family:var(--font-body-family);font-size:13px;font-weight:700;cursor:pointer;color:rgb(var(--color-gray-900));transition:background .2s ease,color .2s ease,border-color .2s ease;text-transform:uppercase;letter-spacing:1.5px;line-height:1}.activity-grid__tab:hover{border-color:rgb(var(--color-gray-900));color:rgb(var(--color-gray-900))}.activity-grid__tab--active{background:rgb(var(--color-gray-900));border-color:rgb(var(--color-gray-900));color:#fff}.activity-grid__panel{display:none;max-width:1400px;margin:0 auto;padding:0 40px}.activity-grid__panel--active{display:block;animation:activityFadeIn .35s ease-out}@keyframes activityFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.activity-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.activity-card{text-decoration:none;display:block;overflow:hidden}.activity-card__image-wrapper{aspect-ratio:4 / 5;background:#f0f0f0;overflow:hidden;position:relative}.activity-card__image-wrapper svg{width:100%;height:100%}.activity-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.activity-card:hover .activity-card__image{transform:scale(1.05)}.activity-card__footer{padding:16px 0 14px}.activity-card__title{font-family:var(--font-heading-family);font-weight:700;color:rgb(var(--color-gray-900));margin:0;text-transform:uppercase}@media screen and (min-width:768px){.activity-grid__grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media screen and (max-width:767px){.activity-grid__header{flex-direction:column;align-items:flex-start;gap:20px;padding:0 16px;margin-bottom:24px}.activity-grid__title{font-size:28px}.activity-grid__panel{padding:0 16px}.activity-grid__grid{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/1011/assets/section-shop-by-activity.css.map */