﻿.main-reviews { padding: var(--spacing-4xl) 0; }
.main-reviews__heading { margin: 0 0 var(--spacing-lg); padding: var(--spacing-md) 0; color: var(--neutral-tx1-hero); font-size: var(--font-size-3xl); font-weight: var(--font-weight-medium); line-height: var(--line-height-28); }
.main-reviews__carousel { --review-card-size: 320px; position: relative; width: 100%; padding-bottom: calc(var(--spacing-3xl) + 13px); }
.main-reviews__list { align-items: flex-start; }
.main-reviews__item { display: flex; flex-direction: column; flex-shrink: 0; gap: var(--spacing-sm); width: var(--review-card-size); opacity: 1; transition: opacity .3s ease; }

.main-reviews__image-area { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-xs); }
.main-reviews__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-reviews__media-icon { position: absolute; top: 0; right: 0; width: 30px; height: 30px; filter: drop-shadow(0 4px 4px rgba(0,0,0,.08)) drop-shadow(0 2px 4px rgba(0,0,0,.07)); }
.main-reviews__media-icon img { display: block; width: 100%; }
.main-reviews__content { display: flex; flex-direction: column; gap: var(--spacing-sm); min-width: 0; padding: 0 var(--spacing-2xs); }
.main-reviews__detail { display: flex; flex-direction: column; gap: var(--spacing-2xs); }
.main-reviews__meta { display: flex; align-items: center; gap: var(--spacing-2xs); }
.main-reviews__stars { display: flex; align-items: center; gap: 1px; }
.main-reviews__stars img { display: block; width: 13px; }
.main-reviews__date { color: var(--neutral-tx3-sub); font-size: var(--font-size-xs); line-height: var(--line-height-14); white-space: nowrap; }
.main-reviews__copy { display: flex; flex-direction: column; gap: var(--spacing-micro); color: var(--neutral-tx2-title); }
.main-reviews__title, .main-reviews__description, .main-reviews__author, .main-reviews__product-name, .main-reviews__product-rating { margin: 0; }
.main-reviews__title, .main-reviews__description { font-size: var(--font-size-base); line-height: var(--line-height-20); }
.main-reviews__title { font-weight: var(--font-weight-medium); }
.main-reviews__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.main-reviews__author, .main-reviews__product-name { color: var(--neutral-tx3-sub); font-size: var(--font-size-sm); line-height: var(--line-height-16); }
.main-reviews__product { display: flex; align-items: center; gap: var(--spacing-2xs); min-width: 0; }
.main-reviews__product-image-area { flex: none; width: 50px; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-xs); }
.main-reviews__product-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-reviews__product-info { display: flex; flex-direction: column; gap: var(--spacing-3xs); min-width: 0; }
.main-reviews__product-rating { display: flex; align-items: center; gap: var(--spacing-micro); color: var(--neutral-tx3-sub); font-size: var(--font-size-xs); line-height: var(--line-height-14); }
.main-reviews__product-rating img { display: block; width: 12px; }
.main-reviews__scrollbar { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; height: 13px; padding: var(--spacing-2xs) 0; }
.main-reviews__scrollbar-track.swiper-scrollbar { position: relative; top: auto; right: auto; bottom: auto; left: auto; flex: 1; width: 100%; height: var(--stroke-1); border-radius: 0; background: var(--badge-alpha-b-10); }
.main-reviews__scrollbar-track .swiper-scrollbar-drag { border-radius: 0; background: var(--badge-alpha-b-60); }
.main-reviews__navigation { position: absolute; z-index: 3; top: calc(var(--review-card-size) / 2); right: var(--spacing-base); left: var(--spacing-base); height: var(--spacing-4xl); transform: translateY(-50%); pointer-events: none; }
.main-reviews__button { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: var(--spacing-4xl); height: var(--spacing-4xl); padding: 0; border: 0; border-radius: var(--radius-xs); background: transparent; cursor: pointer; transition: background-color .2s ease; pointer-events: auto; }
.main-reviews__button img { display: block; width: 100%; }
.main-reviews__button--prev { left: 0; }
.main-reviews__button--next { right: 0; }
.main-reviews__button:hover, .main-reviews__button:focus-visible { background: var(--badge-alpha-b-10); }
.main-reviews__button.swiper-button-disabled { display: none; }
@media (max-width: 767px) { .main-reviews__carousel { --review-card-size: 240px; } }

@media (min-width: 1024px) and (hover: hover) {
  .main-reviews__list:has(.main-reviews__item:hover) .main-reviews__item:not(:hover) { opacity: .4; }
}
