.product-sku {
  margin-bottom: 2.4rem; }
  @media (max-width: 1023px) {
    .product-sku {
      margin-bottom: 20px; } }
  .product-sku__title {
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.4rem; }
    @media (max-width: 1023px) {
      .product-sku__title {
        margin-bottom: 8px; } }
  .product-sku__val {
    font-weight: 600; }
  .product-sku__list {
    display: flex;
    gap: 2.2rem;
    flex-wrap: wrap; }
    @media (max-width: 1023px) {
      .product-sku__list {
        gap: 18px; } }
  .product-sku__link {
    margin-top: 1.4rem; }
    @media (max-width: 1023px) {
      .product-sku__link {
        margin-top: 10px; } }
  .product-sku__item {
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #D8D8D8;
    transition: all ease .3s;
    position: relative;
    border-radius: .4rem; }
    .product-sku__item:before {
      content: '';
      position: absolute;
      inset: -.3rem;
      border-radius: .4rem;
      border: .2rem solid transparent;
      transition: all ease .3s; }
    @media (max-width: 1023px) {
      .product-sku__item {
        width: 40px;
        height: 40px; } }
    @media (min-width: 1024px) {
      .product-sku__item {
        cursor: pointer; }
        .product-sku__item:hover {
          border-color: #ffffff; }
          .product-sku__item:hover:before {
            border-color: #6AB4B9; } }
    .product-sku__item:active {
      border-color: #ffffff; }
      .product-sku__item:active:before {
        border-color: #156864; }
    .product-sku__item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .product-sku__item.active {
      border-color: #ffffff; }
      .product-sku__item.active:before {
        border-color: #00A19B; }
      .product-sku__item.active img {
        border-radius: .4rem; }
        @media (max-width: 1023px) {
          .product-sku__item.active img {
            border-radius: 4px; } }
  .product-sku--coll .product-sku__item:nth-child(n +17) {
    display: none; }
  @media (max-width: 1023px) {
    .product-sku--coll .product-sku__item:nth-child(n +13) {
      display: none; } }
  .product-sku--coll.expand .product-sku__item {
    display: flex; }