/*
 * This file is part of the ProductVariation42 Plugin
 *
 * Copyright (C) 2023 Diezon.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

@charset "UTF-8";

/* 商品詳細----------------------------------------------- */
.variation-list {
  list-style-type: none !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 0;
  border-bottom: 1px dotted #ccc;
}
.variation-list li {
  width: calc((100% - 32px) / 5);
}
.variation-list-link {
  display: block;
}
.variation-list-image {
  aspect-ratio: 1;
}
.variation-list img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
  border: 1px solid #ccc;
}
.variation-list li.is-current img {
  border: 2px solid #e4534b;
}
.variation-list p {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #525263;
}
@media (min-width: 768px) {
  .variation-list {
    gap: 8px 12px;
  }
  .variation-list li {
    width: calc((100% - 60px) / 6);
  }
}