@charset "UTF-8";
#online-shop .online-shop-card {
  align-items:center;
  padding:28px;
  border:1px solid var(--page-stroke);
  border-radius:16px;
  background:var(--page-tint)
}
#online-shop .online-shop-image {
  width:100%;
  max-width:320px;
  margin:0;
  justify-self:center
}
#online-shop .online-shop-image img {
  display:block;
  width:100%;
  height:auto;
  border-radius:12px
}
#online-shop .online-shop-image figcaption {
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  text-align:center
}
#online-shop .online-shop-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:100%;
  min-height:52px;
  padding:12px 20px;
  border:1px solid var(--page-accent);
  border-radius:8px;
  background:var(--page-accent);
  color:#fff;
  font-size:15px;
  line-height:1.7;
  text-align:center;
  overflow-wrap:anywhere
}
#online-shop .online-shop-link:hover {
  background:#fff;
  color:var(--page-accent)
}
#online-shop .online-shop-link:focus-visible {
  outline:2px solid var(--page-accent);
  outline-offset:4px
}
#online-shop .online-shop-note {
  color:var(--muted);
  font-size:12px;
  line-height:1.8
}
@media(max-width:805px) {
  #online-shop .online-shop-card {
    padding:20px
  }
}
@media(max-width:520px) {
  #online-shop .online-shop-card {
    padding:18px
  }
  #online-shop .online-shop-link {
    width:100%
  }
}