@charset "UTF-8";

/** HIGOYA Recommend display - Version 0.1.0-preview */
.higoya-recommend {
  box-sizing: border-box;
  width: 100%;
  margin: 32px auto;
}
.higoya-recommend[hidden] { display: none !important; }
.higoya-recommend__heading {
  margin: 0 0 18px;
  padding: 0 0 10px;
  border-bottom: 4px solid #222;
  color: #222;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
.higoya-recommend__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 20px 16px;
}
.higoya-recommend__card {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.higoya-recommend__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  background: transparent;
  margin: 0 0 10px;
}
.higoya-recommend__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  min-height: 0;
}
.higoya-recommend__price {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 700;
}
.higoya-recommend__card:hover { opacity: .85; }

/* PC・タブレットでは5商品 */
@media screen and (min-width:768px) {
  .higoya-recommend__card:nth-child(n+6) { display:none; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .higoya-recommend__items { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
/* スマホでは3列×2段、最大6商品（横スクロールなし） */
@media screen and (max-width:767px) {
  .higoya-recommend {
    margin: 28px auto 36px;
    padding: 0 16px;
  }
  .higoya-recommend__heading {
    margin-bottom:16px;
    font-size:18px;
    padding-bottom:8px;
  }
  .higoya-recommend__items {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:12px;
    row-gap:20px;
  }
  .higoya-recommend__name {
    font-size:12px;
    line-height:1.55;
  }
  .higoya-recommend__image { margin-bottom:9px; }
  .higoya-recommend__price { font-size:12px; }
}