.section-search{margin:2rem 0 2.5rem}.section-search .header{margin-bottom:2.5rem}.section-search .header .form-field{flex-direction:row;width:100%;max-width:25rem;position:relative}.section-search .header .form-field input{padding-right:4rem}.section-search .header button[type=submit]{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:grid;place-content:center;height:2rem;width:2rem;padding:0}.section-search .header button[type=submit] svg{height:1.25rem;width:1.25rem}.section-search .wrapper{display:grid}.section-search .refine{justify-content:center;margin-bottom:1.5rem}.section-search .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1rem}.section-search .pagination{width:100%;display:flex;justify-content:center}.section-search .pagination.prev a{margin-bottom:2rem}.section-search .pagination.next a{margin-top:2rem}.section-search .search-article-item{display:flex;flex-direction:column;gap:.5rem;position:relative}.section-search .search-article-item img{border:1px solid var(--colour-grey);aspect-ratio:1;width:100%;height:auto;object-fit:cover;display:block}.section-search .search-article-item .c-btn{margin-top:auto}.section-search .search-article-item>div{display:flex;flex-direction:column;gap:.5rem}.section-search .search-article-item>div a{text-decoration:none;transition:all var(--transition-duration) var(--transition-timing)}.section-search .search-article-item time{font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;color:var(--colour-tertiary)}.section-search .search-article-item:hover>div a,.section-search .search-article-item:focus>div a{color:var(--colour-quinary)}@media (min-width: 768px){.section-search{margin:2rem 0 5rem}.section-search .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.section-search .wrapper{grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr;gap:0 3rem;align-items:start}.section-search .refine{display:none}}@media (min-width: 1360px){.section-search .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1023.98px){.section-search .wrapper{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-search.css.map */