.hbox-product-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(190px, 32%) 1fr;
  gap: 22px;
  overflow: hidden;
  margin: 28px 0;
  padding: 48px 20px 20px;
  border: 2px solid #f05b9d;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff 58%, #fff1f7 100%);
  box-shadow: 0 7px 22px rgba(171, 31, 94, .15);
  color: #3c3035;
  font-family: inherit;
}

.hbox-product-card__eyebrow {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 8px 18px;
  background: linear-gradient(90deg, #d91e68, #f05b9d);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}

.hbox-product-card__image {
  display: block;
  align-self: start;
  overflow: hidden;
  border-radius: 9px;
  background: #f3edf0;
  box-shadow: 0 3px 12px rgba(40, 15, 25, .16);
}

.hbox-product-card__image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transition: transform .2s ease;
}

.hbox-product-card__image:hover img { transform: scale(1.025); }
.hbox-product-card__body { display: flex !important; min-width: 0; flex-direction: column; }

.hbox-product-card__title {
  margin: 0 0 9px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid #f5bfd5 !important;
  color: #30272b !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.hbox-product-card__maker,
.hbox-product-card__platforms {
  margin: 2px 0 !important;
  color: #695e63;
  font-size: .9rem;
  line-height: 1.6;
}

.hbox-product-card__platforms { font-weight: 600; }

.hbox-product-card__price {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  margin: 14px 0 0;
  padding: 11px 13px;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #f2d3df;
}

.hbox-product-card__normal { color: #81777b; font-size: .82rem; text-decoration: line-through; }
.hbox-product-card__current { color: #d5145e; font-size: 1.7rem; font-weight: 900; line-height: 1.15; }

.hbox-product-card__sale {
  padding: 4px 9px;
  border-radius: 999px;
  background: #e6004d;
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
}

.hbox-product-card__coupon {
  align-self: flex-start;
  margin: 8px 0 0 !important;
  padding: 3px 9px;
  border: 1px solid #eb8db1;
  border-radius: 5px;
  background: #fff;
  color: #bd1553;
  font-size: .78rem;
  font-weight: 700;
}

.hbox-product-card__button {
  display: block !important;
  margin-top: auto;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 8px;
  background: linear-gradient(90deg, #d91e68, #ef3d82);
  box-shadow: 0 4px 0 #a9134c, 0 6px 12px rgba(180, 20, 80, .2);
  color: #fff !important;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
}

.hbox-product-card__button::after { content: "  ›"; font-size: 1.25em; }
.hbox-product-card__button:hover { transform: translateY(1px); background: linear-gradient(90deg, #c61659, #dd2870); box-shadow: 0 3px 0 #941043; }
.hbox-product-card__unavailable { color: #777; font-weight: 700; }
.hbox-product-card-error { padding: 10px; border-left: 4px solid #cc3366; background: #fff4f7; color: #7a1738; }

@media (max-width: 600px) {
  .hbox-product-card { grid-template-columns: 42% 1fr; gap: 13px; padding: 42px 12px 13px; }
  .hbox-product-card__eyebrow { padding: 7px 12px; font-size: 10px; }
  .hbox-product-card__title { margin-bottom: 6px !important; padding-bottom: 7px !important; font-size: 1rem !important; }
  .hbox-product-card__maker, .hbox-product-card__platforms { font-size: .75rem; line-height: 1.45; }
  .hbox-product-card__price { gap: 6px; margin-top: 9px; padding: 8px; }
  .hbox-product-card__normal { width: 100%; font-size: .7rem; }
  .hbox-product-card__current { font-size: 1.25rem; }
  .hbox-product-card__sale { padding: 3px 7px; font-size: .68rem; }
  .hbox-product-card__coupon { font-size: .68rem; }
  .hbox-product-card__button { margin-top: 10px; padding: 11px 7px !important; font-size: .82rem; }
}

@media (max-width: 390px) {
  .hbox-product-card { grid-template-columns: 39% 1fr; }
  .hbox-product-card__title { font-size: .92rem !important; }
}

.hbox-sale-products {
  margin: 38px 0 28px;
  padding: 18px;
  border: 1px solid #ded8db;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(47, 36, 41, .09);
}

.hbox-sale-products__heading { display: flex; align-items: center; gap: 10px; padding-left: 11px; border-left: 4px solid #df4382; }
.hbox-sale-products__heading h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #3d3639 !important; font-size: 1.25rem !important; line-height: 1.4 !important; text-decoration: none !important; }
.hbox-sale-products__heading h2::before, .hbox-sale-products__heading h2::after { display: none !important; content: none !important; }
.hbox-sale-products__badge { flex: 0 0 auto; padding: 3px 7px; border: 1px solid #df4382; border-radius: 4px; background: #fff; color: #c92e6c; font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.hbox-sale-products__lead { margin: 7px 0 15px !important; color: #75676d; font-size: .83rem; }
.hbox-sale-products__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }

.hbox-sale-products__item {
  position: relative;
  display: flex !important;
  overflow: hidden;
  min-width: 0;
  flex-direction: column;
  border: 1px solid #e3dfe1;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(55, 20, 35, .08);
  color: #362c31 !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

.hbox-sale-products__item:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(153, 25, 80, .16); }
.hbox-sale-products__visual { overflow: hidden; background: #eee; aspect-ratio: 4 / 3; }
.hbox-sale-products__visual img { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; border: 0 !important; object-fit: cover; }
.hbox-sale-products__discount { display: flex; align-items: center; gap: 6px; min-height: 27px; padding: 5px 8px 0; color: #80757a; font-size: .66rem; }
.hbox-sale-products__rate { padding: 2px 6px; border-radius: 4px; background: #d92f73; color: #fff; font-size: .72rem; font-weight: 900; }
.hbox-sale-products__item h3 { display: -webkit-box; overflow: hidden; min-height: 3.9em; margin: 6px 9px 4px !important; padding: 0 !important; border: 0 !important; background: none !important; color: #362c31 !important; font-size: .82rem !important; font-weight: 700 !important; line-height: 1.45 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hbox-sale-products__item h3::before, .hbox-sale-products__item h3::after { display: none !important; content: none !important; }
.hbox-sale-products__prices { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin: auto 9px 8px; }
.hbox-sale-products__prices del { color: #8b8085; font-size: .7rem; }
.hbox-sale-products__prices strong { color: #d5145e; font-size: 1.05rem; font-weight: 900; }
.hbox-sale-products__cta { display: block; margin: 0 8px 9px; padding: 7px 4px; border-radius: 5px; background: #dc3b7b; color: #fff; font-size: .74rem; font-weight: 800; text-align: center; }

@media (max-width: 700px) {
  .hbox-sale-products { margin: 30px -4px 24px; padding: 14px 10px 12px; }
  .hbox-sale-products__heading h2 { font-size: 1.05rem !important; }
  .hbox-sale-products__lead { margin-bottom: 11px !important; font-size: .72rem; }
  .hbox-sale-products__list { display: flex; overflow-x: auto; gap: 10px; padding: 2px 2px 10px; scroll-padding-left: 2px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .hbox-sale-products__item { flex: 0 0 44%; scroll-snap-align: start; }
  .hbox-sale-products__item h3 { font-size: .76rem !important; }
  .hbox-sale-products__discount { padding-top: 5px; }
}

@media (max-width: 380px) {
  .hbox-sale-products__item { flex-basis: 48%; }
}