.brands-grid{width:100%;background:var(--brands-bg, var(--pawline-eggshell, #fffbee));overflow:hidden;min-height:100vh}.brands-grid__inner{display:grid;gap:2rem;padding:4rem 1.8rem 5rem;min-height:100vh;align-items:start}.brands-grid__columns{display:grid;gap:2.4rem}.brands-grid__left{display:grid;grid-template-rows:auto 1fr;gap:1.6rem;justify-content:space-between;height:100%}.brands-grid__top{display:grid;gap:.8rem}.brands-grid__bottom{display:grid;gap:1.4rem;align-self:end}.brands-grid__heading{margin:0;font-family:Catalpa,Arial MT,Arial,sans-serif;font-weight:800;color:var(--brands-heading, #3f2e21)}.brands-grid__subheading{margin:0;font-family:Coresound,Arial MT,Arial,sans-serif;font-weight:800;line-height:1.3;color:var(--brands-subheading, #3f2e21)}.brands-grid__body{margin:0;font-family:var(--font-body-family);font-weight:400;line-height:1.5;color:var(--brands-body, #3f2e21)}.brands-grid__cta{display:inline-flex}.brands-grid__cta .pawline-button{width:150px;height:50px;min-width:150px;min-height:50px;font-family:Catalpa,Arial MT,Arial,sans-serif;font-size:1.4rem;background:var(--brands-btn-bg, #ffeea4);color:var(--brands-btn-text, #3f2e21)}.brands-grid__cta .pawline-button:hover,.brands-grid__cta .pawline-button:focus-visible{background:var(--brands-btn-hover, #af907b)}.brands-grid__right{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:flex-start;justify-content:space-between;position:sticky;top:var(--brands-sticky-top, 80px);height:fit-content}.brands-grid__card{position:relative;display:grid;place-items:center;text-align:center;color:var(--card-text, var(--brands-card-text, #3f2e21));font-family:Catalpa,Arial MT,Arial,sans-serif;font-weight:800;padding:1.6rem;background:var(--card-bg, #dbeafe);transition:transform .16s ease,box-shadow .16s ease;min-height:var(--card-h, 160px);min-width:var(--card-w, 45%);width:var(--card-w, 45%);max-width:var(--card-w, 45%);top:var(--card-top, 0px);bottom:var(--card-bottom, 0px);left:var(--card-left, 0px);right:var(--card-right, 0px);flex:0 0 var(--card-w, 45%)}.brands-grid__card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}@media screen and (min-width: 980px){.brands-grid__inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:5rem 0 6rem}.brands-grid__left{padding:0 2rem}}@media screen and (max-width: 600px){.brands-grid__card{min-height:140px}}@media screen and (max-width: 979px){.brands-grid__right{position:static;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/brands-grid.css.map */