section.shops{margin-block:60px}section.shops .shops-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}section.shops .shop-card{background-color:#f5f5f5;display:flex;flex-direction:column;height:fit-content;position:relative;transition:margin-bottom .3s ease;z-index:1}section.shops .shop-card:focus-within,section.shops .shop-card:hover{margin-bottom:-150px}section.shops .shop-card:focus-within .shop-buttons,section.shops .shop-card:hover .shop-buttons{grid-template-rows:1fr;height:150px}section.shops .shop-header{background:#096839;padding:1rem 1.5rem}section.shops .shop-card-title{color:#fff;font-size:1.375rem;font-weight:700;margin:0}section.shops .shop-body{align-items:center;display:flex;flex-direction:column;padding:1rem 1.5rem}section.shops .shop-address{margin:0 0 1rem;width:100%}section.shops .shop-buttons{display:grid;grid-template-rows:0fr;height:0;transition:grid-template-rows .3s ease,height .3s ease}section.shops .shop-buttons .shop-buttons-inner{display:flex;flex-direction:column;gap:.375rem;justify-content:center;overflow:hidden}section.shops .shop-button{justify-content:start}section.shops .shop-images{display:grid;gap:.5rem;grid-template-columns:1fr;margin-top:1rem;width:100%}section.shops .shop-images img{height:220px;object-fit:cover;width:100%}section.shops .shop-map{display:none;width:100%}section.shops .shop-card--inactive{pointer-events:none}section.shops .shop-card--inactive .shop-header{background:#ebebeb}section.shops .shop-card--inactive .shop-card-title{color:#b8b8b8}section.shops .shop-card--inactive .shop-images img{filter:grayscale(100%) opacity(.5)}section.shops .shop-card--inactive .shop-buttons{display:none}.page-shops section.shops .shop-card:focus-within,.page-shops section.shops .shop-card:hover{margin-bottom:auto}.page-shops section.shops .shops-title{display:none}.page-shops section.shops .shops-list{grid-template-columns:1fr}.page-shops section.shops .shop-map{display:block}.page-shops section.shops .shop-body{align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.page-shops section.shops .shop-content{align-items:start;display:flex;flex-direction:column}.page-shops section.shops .shop-address{font-size:1.25rem}.page-shops section.shops .shop-buttons{grid-template-rows:1fr;height:100%;width:100%}.page-shops section.shops .shop-images{margin-top:0}.page-shops section.shops .shop-images img,.page-shops section.shops .shop-map{min-height:300px}@media (max-width:1260px){section.shops{margin-block:50px}section.shops .shops-list{margin-top:50px}}@media (max-width:1000px){section.shops{margin-block:40px}section.shops .shops-list{gap:1rem;margin-top:40px}}@media (max-width:800px){section.shops .shops-description,section.shops .shops-title{text-align:center}section.shops .shops-list{gap:.75rem}.page-shops section.shops .shops-description{text-align:start}.page-shops section.shops .shop-body{grid-template-columns:1fr}.page-shops section.shops .shop-images img{min-height:none}}
/*# sourceMappingURL=page-shops.css.map */