/* 배너 */
.skin-banner--main-center-single {
  margin-block-end: 160px;
}

/** 상품 진열 공통 스타일 */
.display-product__contents {
  margin-block-end: 100px;
}

/*배너 + 수직 스크롤*/
.main__row--display-banner {
  margin-bottom: 100px !important;
}

.skin-banner--main-left {
  max-width: 640px;
  max-height: 505px;
  margin-inline-end: 30px;
}

.skin-banner--main-left img {
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 12px;
  aspect-ratio: 640/505;
}

.skin-banner--main-left ~ .main__row-display {
  max-width: calc(560px - 24px) !important;
  min-width: inherit !important;
  width: 100%;
}

.main__row-display-right .thumb-item__btn--cart {
  display: none;
}

.main__row-display-right .thumb-item__btn--like {
  position: absolute;
  left: calc(128px - 26px);
  bottom: 12px;
  border: none;
  padding-block: 0;
  padding-inline: 0;
}

.main__row-display-right .thumb-item__media {
  width: 140px;
  height: 140px;
  border-radius: 8px;
}

.main__row-display-right .thumb-item__link {
  flex: 1;
}

.main__row-display-right .display-product__contents {
  gap: 16px;
  overflow-y: scroll;
  height: 452px;
  margin-top: 8px;
  margin-block-end: 30px;
}

.main__row-display-right .badge {
  height: 26px;
  padding-inline: 10px;
  border-radius: 10px 0;
}

.main__row-display-right .display-product__contents .thumb-item__media {
  width: 140px;
  height: 140px;
  flex: none;
}

.display-product__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block-end: 16px;
  width: 100%;
}

.main__row-display-right .display-product__more {
  position: inherit;
  width: max-content;
}

/** 메인 하단 배너 스타일 */
.main__row--banner-double {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.main__row--banner-double .skin-banner--main {
  width: 590px;
  height: 179px;
  border-radius: 8px;
}

/* shopby-custom-type="grid" > 상품 진열 그리드 스타일 */
.display-product__contents[data-custom-type='grid'] {
  padding-bottom: 68px;
}

.display-product__contents[data-custom-type='grid'] .swiper-slide {
  width: 100% !important;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
}
.display-product__contents[data-custom-type='grid'] .grid__column--4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 16px;
  row-gap: 40px;
}

.display-product__contents[data-custom-type='grid'] .swiper-pagination-current {
  color: var(--color-text-black-primary);
}

.display-product__contents[data-custom-type='grid'] .swiper-pagination-fraction {
  display: flex;
  bottom: 0;
  align-items: center;
  justify-content: center;
  height: 36px;
  gap: 4px;
  z-index: -1;
}

.display-product__contents[data-custom-type='grid'] .swiper-pagination-total,
.display-product__contents[data-custom-type='grid'] .swiper-pagination-fraction {
  color: var(--color-text-light-gray);
}

.display-product__contents[data-custom-type='grid'] .swiper-button-prev,
.display-product__contents[data-custom-type='grid'] .swiper-button-next {
  display: flex;
  width: 36px;
  height: 36px;
  top: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-white);
  z-index: 9;
}

.display-product__contents[data-custom-type='grid'] .swiper-button-prev {
  left: 50% !important;
  transform: translateY(calc(-50% - 6px)) translateX(calc(50% - 97px)) !important;
}

.display-product__contents[data-custom-type='grid'] .swiper-button-next {
  right: 50% !important;
  transform: translateY(calc(-50% - 6px)) translateX(calc(-50% + 97px)) !important;
}

.display-product__contents[data-custom-type='grid'] .swiper-button-prev:after,
.display-product__contents[data-custom-type='grid'] .swiper-button-next:after {
  font-size: 10px;
  color: var(--color-text-tertiary);
}

/** 메인진열 - 기획전 배너 스타일 */
.main__row-display {
  position: relative;
}

.main__row-display-banner-top {
  max-height: 360px;
  margin-top: 45px;
  margin-block-end: 24px;
}

.main__row-display-banner-top img,
.main__row--banner-single img {
  border-radius: 12px;
}

.main__row-display-banner-top + .main__row-display-product-bottom .display-product__header {
  position: absolute;
  top: -429px;
}

.main__row-display-banner-top + .main__row-display-product-bottom [slot='displaySectionSeeMore'] {
  right: 0;
}

.main__row-display-banner-top + .main__row-display-product-bottom .display-product__more {
  position: inherit;
  width: max-content;
}