/* =========================
   CART PRODUCT LINE
========================= */

.ps-shell-cart .woocommerce-cart-form table.shop_table {
  border-collapse: separate;
  border-spacing: 0 12px;
  margin: 0;
}

.ps-shell-cart .shop_table th,
.ps-shell-cart .shop_table td,
.ps-shell-cart .woocommerce table.shop_table th,
.ps-shell-cart .woocommerce table.shop_table td {
  padding: 10px 8px;
}

.ps-shell-cart .shop_table thead th {
  color: var(--ps-text-muted);
  font-size: var(--ps-type-eyebrow);
  font-weight: 600;
  letter-spacing: var(--ps-tracking-eyebrow);
  text-transform: uppercase;
}

.ps-shell-cart .shop_table .product-name {
  min-width: 0;
  padding-left: 2px;
}

.ps-shell-cart .shop_table .product-thumbnail {
  width: 136px;
}

.ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail,
.ps-shell-cart .woocommerce-cart-form__cart-item .product-name,
.ps-shell-cart .woocommerce-cart-form__cart-item .product-price,
.ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity,
.ps-shell-cart .woocommerce-cart-form__cart-item .product-subtotal {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.014), rgba(255, 255, 255, 0.006)),
    rgba(12, 17, 29, 0.26);
  border-top: 1px solid rgba(255, 255, 255, 0.045);
  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
}

.ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail {
  width: 136px;
  padding-left: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 22px 0 0 22px;
}

.ps-shell-cart .woocommerce-cart-form__cart-item .product-name {
  min-width: 0;
  padding-left: 10px;
}

.ps-shell-cart .woocommerce-cart-form__cart-item .product-subtotal {
  padding-right: 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 0 22px 22px 0;
}

.ps-shell-cart .ps-cart-item-title a,
.ps-shell-cart .product-name > a {
  max-width: 18ch;
  font-size: clamp(22px, 1.6vw, 30px);
  line-height: 1.22;
}

.ps-shell-cart .ps-cart-item-sku {
  display: none;
}

.ps-shell-cart .ps-cart-item-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 10px;
}

.ps-shell-cart .ps-cart-item-remove {
  color: var(--ps-text-soft);
  font-size: var(--ps-type-body-sm);
  font-weight: 500;
  text-decoration: none;
}

.ps-shell-cart .product-price,
.ps-shell-cart .product-quantity,
.ps-shell-cart .product-subtotal {
  min-width: 0;
  text-align: center;
  white-space: nowrap;
}

.ps-shell-cart .product-price .amount,
.ps-shell-cart .product-subtotal .amount {
  font-size: clamp(20px, 1.45vw, 28px);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.ps-shell-cart .shop_table .product-thumbnail a {
  width: 118px;
  height: 118px;
  border-radius: 20px;
}

.ps-shell-cart .shop_table .product-thumbnail img {
  border-radius: 16px;
}

.ps-shell-cart .shop_table .product-quantity .qty {
  width: 96px;
  min-width: 96px;
  height: 50px;
  padding: 0 12px;
  border-radius: 14px;
  font-size: var(--ps-type-body);
}

.ps-shell-cart .shop_table .product-remove,
.ps-shell-cart .shop_table thead .product-remove {
  display: none !important;
  width: 0;
  min-width: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .ps-shell-cart .woocommerce-cart-form table.shop_table {
    border-spacing: 0;
  }

  .ps-shell-cart .shop_table .product-thumbnail {
    width: 84px;
  }

  .ps-shell-cart .shop_table .product-thumbnail a {
    width: 76px;
    height: 76px;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-name,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-price,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-subtotal {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .ps-shell-cart .ps-cart-item-title a,
  .ps-shell-cart .product-name > a {
    max-width: none;
  }

  .ps-shell-cart .product-price,
  .ps-shell-cart .product-quantity,
  .ps-shell-cart .product-subtotal {
    text-align: left;
  }
}

@media (min-width: 769px) {
  .ps-shell-cart .woocommerce-cart-form table.shop_table {
    table-layout: fixed;
    width: 100%;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item {
    display: table-row;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item > td {
    display: table-cell;
    vertical-align: middle;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .ps-shell-cart .shop_table thead .product-subtotal,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-subtotal {
    display: none !important;
  }

  .ps-shell-cart .shop_table thead .product-thumbnail,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail {
    width: 188px;
    min-width: 188px;
  }

  .ps-shell-cart .shop_table thead .product-name,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-name {
    width: auto;
  }

  .ps-shell-cart .shop_table thead .product-price,
  .ps-shell-cart .shop_table thead .product-quantity,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-price,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity {
    width: 152px;
    min-width: 152px;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item .product-name {
    padding-left: 18px;
    padding-right: 16px;
  }

  .ps-shell-cart .shop_table thead th {
    height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
  }

  .ps-shell-cart .shop_table thead .product-name {
    padding-left: 18px;
  }

  .ps-shell-cart .shop_table thead .product-price {
    padding-right: 14px;
    text-align: right;
    font-size: 0;
  }

  .ps-shell-cart .shop_table thead .product-price::after {
    content: 'HINTA / KPL';
    display: inline-block;
    font-size: var(--ps-type-eyebrow);
    font-weight: 600;
    letter-spacing: var(--ps-tracking-eyebrow);
    text-transform: uppercase;
    color: var(--ps-text-muted);
  }

  .ps-shell-cart .shop_table thead .product-quantity {
    padding-right: 18px;
    text-align: center;
  }

  .ps-shell-cart .shop_table thead .product-name,
  .ps-shell-cart .shop_table thead .product-price,
  .ps-shell-cart .shop_table thead .product-quantity {
    vertical-align: middle;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-name,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-price,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity {
    border-right: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 0 22px 22px 0;
    padding-right: 18px;
  }

  .ps-shell-cart .ps-cart-item-title a,
  .ps-shell-cart .product-name > a {
    display: block;
    width: 100%;
    max-width: 20ch;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    font-size: clamp(19px, 1.18vw, 23px);
    line-height: 1.2;
  }

  .ps-shell-cart .product-price,
  .ps-shell-cart .product-subtotal {
    text-align: right;
  }

  .ps-shell-cart .product-quantity {
    text-align: center;
  }

  .ps-shell-cart .shop_table .product-thumbnail a {
    width: 138px;
    height: 138px;
    padding: 12px;
    border-radius: 24px;
  }

  .ps-shell-cart .shop_table .product-thumbnail img {
    border-radius: 18px;
  }

  .ps-shell-cart .shop_table .product-quantity .quantity {
    width: 100%;
    justify-content: center;
  }

  .ps-shell-cart .shop_table .product-quantity .qty {
    width: 92px;
    min-width: 92px;
    height: 52px;
    padding: 0 12px;
    font-size: 1.08rem;
  }

  .ps-shell-cart .ps-cart-item-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .ps-shell-cart .ps-cart-item-remove {
    display: inline-flex;
    align-items: center;
    color: rgba(211, 223, 241, 0.68);
    font-size: 0.95rem;
    font-weight: 600;
  }
}

@media (min-width: 769px) and (max-width: 1240px) {
  .ps-shell-cart .shop_table thead .product-thumbnail,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-thumbnail {
    width: 160px;
    min-width: 160px;
  }

  .ps-shell-cart .shop_table thead .product-price,
  .ps-shell-cart .shop_table thead .product-quantity,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-price,
  .ps-shell-cart .woocommerce-cart-form__cart-item .product-quantity {
    width: 132px;
    min-width: 132px;
  }

  .ps-shell-cart .woocommerce-cart-form__cart-item .product-name {
    padding-left: 14px;
    padding-right: 14px;
  }

  .ps-shell-cart .ps-cart-item-title a,
  .ps-shell-cart .product-name > a {
    font-size: clamp(17px, 1.05vw, 20px);
    line-height: 1.18;
  }

  .ps-shell-cart .product-price .amount,
  .ps-shell-cart .product-subtotal .amount {
    font-size: clamp(17px, 1.12vw, 22px);
  }

  .ps-shell-cart .shop_table .product-quantity .qty {
    width: 88px;
    min-width: 88px;
    height: 48px;
    padding: 0 10px;
    font-size: 1.05rem;
  }

  .ps-shell-cart .shop_table .product-thumbnail a {
    width: 118px;
    height: 118px;
    padding: 10px;
    border-radius: 22px;
  }
}