@charset "utf-8";

body.modujang-home-page {
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    background: #2e90d1;
}

.modujang-v2-home {
    --home-edge: clamp(10px, 3.08vw, 18px);
    --home-header-height: clamp(56px, 14.36vw, 72px);
    --home-bottom-space: clamp(104px, 25.64vw, 142px);
    --home-bottom-nav-height: clamp(62px, 16.41vw, 82px);
    --home-bottom-nav-offset: clamp(8px, 2.56vw, 14px);
    --home-bottom-nav-half-height: clamp(31px, 8.205vw, 41px);
    --home-scroll-clip-bottom: calc(var(--home-bottom-nav-offset) + var(--home-bottom-nav-half-height));
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.modujang-v2-home .home-header {
    position: relative;
    z-index: 5;
    height: var(--home-header-height);
    margin-bottom: calc(var(--home-header-height) * -1);
    padding-right: clamp(14px, 5.13vw, 28px);
    padding-left: clamp(14px, 5.13vw, 28px);
}

/* 본문이 헤더 아래로 스크롤되며 반투명 배경 뒤로 사라지도록 처리 */
.modujang-v2-home .home-header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: calc(100% + clamp(12px, 3.59vw, 20px));
    background: var(--v2-header-fade);
    pointer-events: none;
}

.modujang-v2-home .home-point {
    min-width: clamp(94px, 25.64vw, 128px);
    height: clamp(30px, 8.21vw, 40px);
    padding: 0 clamp(6px, 2.05vw, 10px);
}

.modujang-v2-home .home-point .icon-leaf {
    width: clamp(18px, 5.13vw, 24px);
}

.modujang-v2-home .home-point .icon-point {
    width: clamp(10px, 2.56vw, 13px);
}

.modujang-v2-home .home-point span {
    padding: 0 clamp(2px, 1.03vw, 6px);
    font-size: clamp(13px, 3.59vw, 17px);
}

.modujang-v2-home .header-home-right {
    align-items: flex-start;
    gap: clamp(8px, 3.08vw, 16px);
    padding-right: 0;
}

.modujang-v2-home .header-home-right a {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: clamp(30px, 8.21vw, 42px);
    text-align: center;
}

.modujang-v2-home .header-home-right .icon-img {
    width: clamp(27px, 7.18vw, 36px);
    height: clamp(27px, 7.18vw, 36px);
    margin-top: 0;
}

.modujang-v2-home .header-home-right .icon-img img {
    width: clamp(21px, 5.64vw, 28px);
}

.modujang-v2-home .header-home-right a > span:last-child {
    margin-top: clamp(3px, 1.03vw, 6px);
    color: var(--white);
    font-size: clamp(10px, 2.56vw, 13px);
    line-height: 1;
    text-shadow: 0 1px 1px rgba(27, 87, 128, .35);
}

.modujang-v2-home .home-main {
    display: block;
    height: calc(100vh - var(--home-scroll-clip-bottom));
    height: calc(100dvh - var(--home-scroll-clip-bottom));
    min-height: 0;
    padding: var(--home-header-height) var(--home-edge) var(--home-bottom-space);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    /* -webkit-overflow-scrolling 은 옛 iOS 전용 속성인데,
       안드로이드 브라우저가 이걸 레이어 힌트로 받아 스크롤 영역을 따로 합성함.
       그 여파로 위에 겹친 헤더/하단 메뉴 터치가 씹히는 일이 있어 뺌 (iOS 13+ 는 기본 동작) */
}

.modujang-v2-home .home-main::-webkit-scrollbar {
    display: none;
}

.modujang-v2-home .home-main > .page__inner {
    width: 100%;
}

/* 높이는 배너 이미지 비율이 정한다. min-height 는 배너가 없을 때의 최소 높이.
   세로를 30% 줄이면서 min-height 도 같은 비율로 낮춰야 배너보다 크게 남지 않는다 */
.modujang-v2-home .home__banner {
    min-height: clamp(91px, 26.57vw, 143px);
    margin-top: clamp(7px, 2.56vw, 14px);
    border-radius: clamp(19px, 6.15vw, 30px);
}

.modujang-v2-home .home__banner .swiper-slide {
    padding: clamp(6px, 2.05vw, 10px);
    border-radius: clamp(19px, 6.15vw, 30px);
}

/* 안쪽 라운드는 바깥 라운드에서 패딩만큼 뺀 값이어야 테두리가 맞는다 */
.modujang-v2-home .home__banner__inner {
    border-radius: clamp(13px, 4.1vw, 20px);
}

.modujang-v2-home .home__banner__inner > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 배너 비율 574:224(약 2.56:1). 16:9 로 바꿨다가(QA #161) 원복 요청으로 되돌림(9/30).
   등록 배너는 574x224 에 맞춰 만들어야 잘리는 부분이 없다 */
.modujang-v2-home .home__banner__inner img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 574 / 224;
    object-fit: cover;
}

/* 영상은 원본 높이를 알릴 수 없으므로 통일된 높이를 그대로 채운다 */
.modujang-v2-home .home-video-slide iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modujang-v2-home .home-banner-pagination {
    bottom: clamp(5px, 1.54vw, 8px) !important;
}

.modujang-v2-home .home-banner-pagination .swiper-pagination-bullet {
    width: clamp(6px, 2.05vw, 10px);
    height: clamp(6px, 2.05vw, 10px);
    border: 1px solid var(--white);
    background: var(--blue-400);
    opacity: 0.7;
}

.modujang-v2-home .home-banner-pagination .swiper-pagination-bullet-active {
    background: var(--white);
    opacity: 1;
}

.modujang-v2-home #vimeo-player,
.modujang-v2-home #vimeo-player iframe {
    width: 100%;
    height: 100%;
}

.modujang-v2-home #button-mute {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* 이 <a> 가 바다 그림 전체 높이를 차지하고 있어서, 팻말에서 한참 떨어진
   빈 바다를 눌러도 랭킹전으로 넘어갔다. 높이는 그림 자리를 잡아주는 용도였으므로
   자리는 그대로 두되(빈 공간 확보) 클릭은 팻말 이미지에서만 받도록 분리한다.

   높이를 55vw 에서 70vw 로 올린 것은 배너를 30% 줄인 것과 짝이다.
   배경(bg_home.jpg)이 background-attachment: fixed 라 스크롤·레이아웃을 따라오지 않는데,
   배너가 짧아진 만큼 아래 카드들이 그대로 위로 올라와 배와 문어를 덮었다.
   줄어든 배너 높이(≈15vw)만큼 이 자리를 늘려 배경 그림이 다시 드러나게 한다 */
.modujang-v2-home .home-ranking-zone {
    display: block;
    height: clamp(242px, 70vw, 382px);
    pointer-events: none;
}

.modujang-v2-home .home-ranking-zone .home__title-ranking {
    pointer-events: auto;
}

.modujang-v2-home .home__title-ranking {
    display: block;
    width: clamp(78px, 22.56vw, 112px);
    margin-top: var(--home-ranking-gap);
    margin-bottom: 0;
}

/* 팻말 고정(QA #2). 바다 배경은 background-attachment: fixed 라 스크롤을 따라오지 않는데
   팻말만 카드와 함께 올라가서 선착장에서 떨어져 숲 위를 떠다녔다.
   팻말도 배경처럼 화면에 붙여 두고(position: fixed) 카드들이 그 위로 지나가게 한다.
   fixed 의 top/left 는 배너 높이(이미지 비율)에 따라 달라서 JS(home.js)가 재서 넣어 준다.
   자리(.home-ranking-zone)는 그대로 남겨 아래 카드 위치는 바뀌지 않는다 */
.modujang-v2-home .home-ranking-zone {
    --home-ranking-gap: clamp(8px, 2.56vw, 14px);
}

.modujang-v2-home .home-ranking-zone.is-pinned .home__title-ranking {
    position: fixed;
    top: calc(var(--home-ranking-top, 0px) + var(--home-ranking-gap));
    left: var(--home-ranking-left, var(--home-edge));
    z-index: 1;
    margin-top: 0;
}

/* 카드가 고정된 팻말 위로 덮이도록. 팻말(z-index 1)보다 위, 헤더(5)·하단 메뉴(8)보다 아래 */
.modujang-v2-home .home-main .commonbox {
    position: relative;
    z-index: 2;
}

.modujang-v2-home .commonbox {
    padding: clamp(5px, 1.54vw, 8px);
    margin-bottom: clamp(13px, 4.1vw, 21px);
    border-radius: clamp(19px, 6.15vw, 30px);
}

.modujang-v2-home .commonbox__inner {
    padding: clamp(11px, 3.08vw, 17px) clamp(13px, 4.1vw, 22px);
    border-radius: clamp(18px, 5.64vw, 28px);
}

.modujang-v2-home .commonbox-title {
    margin-bottom: clamp(10px, 3.08vw, 16px);
}

.modujang-v2-home .commonbox-title span {
    padding: 0 clamp(3px, 1.03vw, 6px);
    font-size: clamp(15px, 4.1vw, 20px);
}

.modujang-v2-home .commonbox-title img {
    width: clamp(17px, 4.62vw, 23px);
}

.modujang-v2-home .commonbox__content-items {
    display: block;
    padding: clamp(10px, 3.08vw, 16px);
    border-radius: clamp(14px, 4.1vw, 20px);
}

.modujang-v2-home .commonbox__content-item {
    gap: clamp(10px, 3.08vw, 16px);
}

.modujang-v2-home .commonbox__content-item .item-img {
    flex: 0 0 clamp(44px, 12.31vw, 62px);
    width: clamp(44px, 12.31vw, 62px);
    height: clamp(44px, 12.31vw, 62px);
    border-radius: clamp(11px, 3.33vw, 16px);
}

.modujang-v2-home .commonbox__content-item .item-img img {
    max-width: clamp(30px, 8.21vw, 42px);
    max-height: clamp(30px, 8.21vw, 42px);
}

.modujang-v2-home .commonbox__content-item .item-text {
    display: block;
    min-width: 0;
}

.modujang-v2-home .home-winner,
.modujang-v2-home .home-prize {
    display: flex;
    min-width: 0;
    align-items: baseline;
}

.modujang-v2-home .home-winner {
    gap: 3px;
    margin-bottom: clamp(4px, 1.28vw, 7px);
}

.modujang-v2-home .home-winner b {
    overflow: hidden;
    color: var(--brown-900);
    font-size: clamp(13px, 3.59vw, 17px);
    /* 닉네임에도 영문 디센더가 들어올 수 있어 상품명과 같은 값으로 맞춘다 */
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modujang-v2-home .home-winner span {
    color: var(--gray-900);
    font-size: clamp(11px, 3.08vw, 14px);
    font-weight: 700;
}

.modujang-v2-home .home-prize {
    gap: clamp(4px, 1.54vw, 8px);
}

.modujang-v2-home .home-prize b {
    flex: 0 0 auto;
    color: var(--gray-700);
    font-size: clamp(11px, 3.08vw, 14px);
}

.modujang-v2-home .home-prize span {
    overflow: hidden;
    color: var(--gray-900);
    font-size: clamp(13px, 3.59vw, 17px);
    /* 말줄임 때문에 overflow:hidden 이 필요한데, 기본 line-height 가 글자 크기에
       거의 붙어 있어서 g·y·p 의 아래쪽이 그 상자에 잘렸음. 디센더가 들어갈 만큼 띄운다 */
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modujang-v2-home .realtime-status-slider,
.modujang-v2-home .hall-list-slider {
    /* 카드 1px 테두리가 overflow:hidden 경계에 딱 붙으면 소수 픽셀 위치에서 양끝이 흐릿하게 깎여 보임.
       좌우 2px 여유를 두고 그 안에서 슬라이드를 돌림 (Swiper 는 패딩을 빼고 슬라이드 폭을 잡음) */
    padding: 0 2px 0;
    overflow: hidden;
}

.modujang-v2-home .realtime-status-slider:has(.realtime-status-pagination),
.modujang-v2-home .hall-list-slider:has(.home-honor-pagination) {
    padding-bottom: clamp(23px, 7.18vw, 34px);
}

.modujang-v2-home .realtime-status-pagination {
    bottom: 0 !important;
}

.modujang-v2-home .home-products-box {
    margin-bottom: 0;
}

.modujang-v2-home .home-products-title-wrap {
    top: clamp(-25px, -5.9vw, -19px);
    margin-bottom: clamp(-16px, -3.85vw, -12px);
}

.modujang-v2-home .home-products-title-wrap .img-title {
    width: 100%;
    height: auto;
    max-height: none;
}

.modujang-v2-home .commonbox__under-text {
    gap: 12px;
    margin-top: clamp(14px, 4.1vw, 22px);
}

.modujang-v2-home .commonbox__under-text p {
    font-size: clamp(14px, 4.1vw, 19px);
}

.modujang-v2-home .commonbox__under-text .btn-more {
    flex: 0 0 auto;
    gap: clamp(5px, 2.05vw, 10px);
}

.modujang-v2-home .commonbox__under-text .btn-more span {
    font-size: clamp(12px, 3.59vw, 16px);
}

.modujang-v2-home .commonbox__under-text .btn-more img {
    width: clamp(5px, 1.54vw, 8px);
}

.modujang-v2-home .home-category-tabs {
    justify-content: flex-start;
    gap: clamp(5px, 1.54vw, 8px);
    margin: clamp(16px, 5.13vw, 27px) calc(var(--home-edge) * -0.25) 0;
    padding: 0 calc(var(--home-edge) * 0.25) clamp(3px, 1.03vw, 6px);
    overflow-x: auto;
    scrollbar-width: none;
}

.modujang-v2-home .home-category-tabs::-webkit-scrollbar {
    display: none;
}

.modujang-v2-home .home-category-tabs button {
    flex: 0 0 auto;
    width: auto;
    min-width: clamp(52px, 15.38vw, 76px);
    min-height: clamp(29px, 7.69vw, 38px);
    padding: clamp(4px, 1.28vw, 7px) clamp(11px, 3.59vw, 18px);
    border-radius: 999px; /* 알약 모양 (QA #124) */
    font-size: clamp(11px, 3.08vw, 14px);
    cursor: pointer;
}

.modujang-v2-home .home__items02 {
    align-items: stretch;
    gap: clamp(10px, 3.85vw, 20px);
    margin-top: clamp(16px, 5.13vw, 27px);
    overflow: visible;
}

.modujang-v2-home .home__items02 .item {
    width: calc(50% - clamp(5px, 1.925vw, 10px));
    min-width: 0;
    max-width: none;
    padding: clamp(9px, 3.08vw, 16px);
    border-radius: clamp(13px, 4.1vw, 20px);
}

/* 상품 사진은 여백 없이 칸을 꽉 채운다 (QA #125) */
.modujang-v2-home .home__items02 .item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: clamp(13px, 4.1vw, 20px);
}

.modujang-v2-home .home__items02 .item-img img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.modujang-v2-home .home__items02 .item-info span {
    margin-top: clamp(8px, 2.56vw, 13px);
    font-size: clamp(11px, 3.08vw, 14px);
}

.modujang-v2-home .home__items02 .item-info h2 {
    height: auto;
    min-height: 1.3em;
    margin: clamp(4px, 1.28vw, 7px) 0;
    font-size: clamp(13px, 3.59vw, 17px);
    line-height: 1.3;
}

.modujang-v2-home .home__items02 .item-info p {
    font-size: clamp(13px, 3.59vw, 17px);
}

.modujang-v2-home .home__items02 .item-soldout {
    padding: 0 clamp(10px, 3.08vw, 16px);
}

.modujang-v2-home .home__items02 .item-soldout .btn-common01 {
    width: 100%;
    min-width: 0;
    height: clamp(38px, 10.26vw, 50px);
    font-size: clamp(13px, 3.59vw, 17px);
}

.modujang-v2-home .home-products-empty {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: clamp(170px, 48.72vw, 240px);
    padding: 24px;
    border: 1px dashed var(--blue-500);
    border-radius: clamp(14px, 4.1vw, 20px);
    background: rgba(255, 255, 255, 0.68);
    text-align: center;
}

.modujang-v2-home .home-products-empty img {
    width: clamp(64px, 20.51vw, 100px);
    margin-bottom: clamp(9px, 3.08vw, 16px);
}

.modujang-v2-home .home-products-empty p {
    color: var(--gray-700);
    font-size: clamp(13px, 3.59vw, 17px);
    font-weight: 600;
    line-height: 1.4;
}

.home-bottom-nav {
    left: 50%;
    bottom: var(--home-bottom-nav-offset);
    width: min(calc(100% - clamp(16px, 5.13vw, 28px)), 739px);
    height: var(--home-bottom-nav-height);
    padding: clamp(17px, 4.87vw, 25px) clamp(16px, 5.13vw, 28px) clamp(8px, 2.56vw, 13px);
    transform: translateX(-50%);
    border-radius: clamp(20px, 6.15vw, 30px);
}

.home-bottom-nav a {
    display: flex;
    flex: 1 1 20%;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.home-bottom-nav img {
    height: clamp(30px, 8.72vw, 42px);
}

.home-bottom-nav a:nth-child(3) img {
    width: clamp(48px, 13.08vw, 66px);
    height: clamp(48px, 13.08vw, 66px);
}

.home-bottom-nav span {
    margin-top: clamp(2px, 0.77vw, 4px);
    font-size: clamp(9px, 2.56vw, 12px);
    white-space: nowrap;
}

.home-bottom-nav a.active span {
    color: var(--blue-700);
    font-weight: 800;
}

.modujang-home-page .star-popup-bg {
    position: fixed;
    inset: 0;
    z-index: 9998;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.modujang-home-page .star-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    display: none;
    width: min(calc(100% - 32px), 450px);
    padding: 20px 20px 30px;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.modujang-home-page .star-popup-inner {
    position: relative;
    text-align: center;
}

.modujang-home-page .star-popup-close {
    position: absolute;
    top: -5px;
    right: -5px;
    border: 0;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.modujang-home-page .star-popup h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.modujang-home-page .star-popup .desc {
    margin-bottom: 15px;
    color: var(--gray-700);
    font-size: 13px;
}

/* 오늘 하루 보지 않기 */
.modujang-home-page .star-popup-noday {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}
.modujang-home-page .star-popup-noday input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #0672ff;
    cursor: pointer;
}
.modujang-home-page .star-popup-noday label {
    color: var(--gray-700, #697386);
    font-size: 13px;
    cursor: pointer;
}

.modujang-home-page .star-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin: 10px 0 15px;
}

.modujang-home-page .star {
    display: flex;
    width: 160px;
    max-width: calc(33.33% - 4px);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.modujang-home-page .star img {
    display: block;
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.modujang-home-page .main_popup,
.modujang-home-page .level_up_pop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
}

.modujang-home-page .main_popup .popup-content,
.modujang-home-page .level_up_inner {
    position: relative;
    width: min(100%, 500px);
    padding: 30px 20px 20px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--white);
    text-align: center;
}

.modujang-home-page .main_popup .popup-content img,
.modujang-home-page .level_up_inner .cont > img {
    display: block;
    max-width: 100%;
    max-height: 60vh;
    margin: 0 auto;
    object-fit: contain;
}

.modujang-home-page .closePopup,
.modujang-home-page .level_up_inner > .close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    width: 28px;
    height: 28px;
    padding: 5px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.modujang-home-page .level_up_inner h3 {
    margin-top: 16px;
    font-size: clamp(18px, 5.13vw, 24px);
    line-height: 1.45;
}

@media (max-width: 359px) {
    .modujang-v2-home .home-header {
        padding-right: 12px;
        padding-left: 12px;
    }

    .modujang-v2-home .header-home-right {
        gap: 6px;
    }

    .home-bottom-nav {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modujang-v2-home *,
    .home-bottom-nav * {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 신상품 NEW 슬라이드 (QA #53). 카드 모양은 박스상품 목록(.home__items02 .item)을 그대로 쓰되 3열 슬라이드로 돈다 */
/* 박스상품 목록(.home-products-box 는 margin-bottom:0)과 신상품 사이 간격은 다른 섹션 간격과 같게 둔다 */
.modujang-v2-home .home-new-box { margin-top: clamp(13px, 4.1vw, 21px); margin-bottom: 0; padding-bottom: clamp(10px, 3vw, 16px); }
.modujang-v2-home .home-new-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 2px 0 10px; }
.modujang-v2-home .home-new-title { display: flex; align-items: center; gap: 6px; margin: 0; font-size: clamp(14px, 4.1vw, 18px); font-weight: 800; color: #1d3f63; }
.modujang-v2-home .home-new-badge { display: inline-block; padding: 2px 7px; border-radius: 20px; background: #ff4d4f; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.modujang-v2-home .home-new-slider { overflow: hidden; padding: 0 2px; }
.modujang-v2-home .home-new-slider .swiper-slide { height: auto; }
.modujang-v2-home .home-new-slider .item { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #cfe0f2; border-radius: 14px; overflow: hidden; }
.modujang-v2-home .home-new-slider .item-img { position: relative; aspect-ratio: 1 / 1; background: #fff; }
.modujang-v2-home .home-new-slider .item-img img { width: 100%; height: 100%; object-fit: cover; }
.modujang-v2-home .home-new-slider .item-info { padding: 6px 7px 8px; }
.modujang-v2-home .home-new-slider .item-info span { display: block; font-size: 10px; color: #7c889a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modujang-v2-home .home-new-slider .item-info h2 { margin: 2px 0 0; font-size: 11px; line-height: 1.3; font-weight: 700; color: #1d3f63; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.modujang-v2-home .home-new-slider .item-info p { margin: 3px 0 0; font-size: 11px; font-weight: 800; color: #0672ff; }
.modujang-v2-home .home-new-slider .item-soldout { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.6); }