/* ===== STORES list page ===== */
.stores-intro{
  text-align:center;font-size:13.5px;color:#555;line-height:2.1;
  max-width:780px;margin:0 auto;padding:8px 24px 20px;
}

.store-list{padding:60px 0 96px}
.strow{
  display:grid;grid-template-columns:460px 1fr;gap:56px;align-items:center;
  margin-bottom:64px;
}
.strow:last-child{margin-bottom:0}
.strow__img{aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#d9d9d9}
.strow__img img{width:100%;height:100%;object-fit:cover}
.strow__img--empty{background:#d9d9d9}

.strow__cat{font-size:12px;color:#8a8a8a;letter-spacing:.04em;margin-bottom:8px}
.strow__name{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:18px}
.strow__addr{font-size:12.5px;color:#666;line-height:1.9;margin-bottom:14px}
.strow__sns{font-size:13px;color:#333;margin-bottom:22px}
.strow .btn{min-width:280px}

@media(max-width:900px){
  .strow{grid-template-columns:1fr;gap:20px;margin-bottom:48px}
  .strow__name{font-size:19px}
  .strow .btn{min-width:0;width:100%}
}

/* store-name link */
.strow__link{color:inherit;transition:color .2s}
.strow__link:hover{color:#000;text-decoration:underline;text-underline-offset:3px}

/* clickable store photo */
.strow__img{display:block}
.strow__img img{transition:transform .35s}
.strow__img:hover img{transform:scale(1.04)}

@media(max-width:820px){
  .stores-intro{font-size:13px;padding:4px 4px 8px}
  .store-list{padding:36px 0 24px}
  .strow{gap:16px;margin-bottom:44px}
  .strow__name{font-size:18px;margin-bottom:12px}
  .strow__addr{margin-bottom:10px}
  .strow__sns{margin-bottom:16px}
}