@charset "utf-8";
/* 최신글 스킨 equip — 우리의 보유장비 (Figma 5362:2238)
   흰 카드 + 라벨/장비명 + 하단 원형배경(기본 연회색/호버 네이비) + 장비 이미지 */
.ive-equip__inner { width: 100%; }
.ive-equip .swiper-slide { height: auto; }

.ive-equip__link {
    position: relative; display: block; width: 100%;
    aspect-ratio: 391 / 492; border-radius: 20px; background: #fff;
    overflow: hidden; text-decoration: none;
    box-shadow: 0 4px 20px rgba(13, 23, 31, 0.06);
}

/* 라벨 + 장비명 (상단, 카드 앞쪽) */
.ive-equip__meta { position: absolute; top: clamp(34px, 11%, 56px); left: clamp(26px, 12%, 49px); right: 24px; z-index: 3; display: flex; flex-direction: column; }
.ive-equip__label { font-size: clamp(15px, 1.3vw, 18px); font-weight: 500; color: #2d4557; letter-spacing: -0.02em; line-height: 1.4; }
.ive-equip__name { margin-top: clamp(10px); font-size: clamp(18px, 2vw, 26px); font-weight: 600; text-transform: uppercase; color: #0d171f; letter-spacing: -0.02em; line-height: 1.4; }

/* 원형 배경 + 이미지 (하단) */
.ive-equip__visual { position: absolute; inset: 0; z-index: 1; }
.ive-equip__circle {
    position: absolute; left: 12%; top: 30.6%;
    width: 102%; aspect-ratio: 1 / 1; border-radius: 50%;
    background: linear-gradient(180deg, #FFF 0%, #EFF0F1 71.68%);
}
.ive-equip__circle::after {
    content: ""; position: absolute; inset: 0; border-radius: 50%;
    background:
        linear-gradient(0deg, #0D171F -0.11%, #2D4557 99.89%),
        linear-gradient(180deg, #FFF 0%, #EFF0F1 71.68%);
    opacity: 0; transition: opacity 0.45s var(--ive-ease);
}
.ive-equip__img { position: absolute; left: 65%; bottom: -20px; transform: translateX(-50%); z-index: 2; width: 82%; height: auto; max-height: 62%; object-fit: contain; object-position: bottom center; }

/*.ive-equip .swiper-slide:nth-child(1) .ive-equip__img {bottom: -20px; left:80%;}
.ive-equip .swiper-slide:nth-child(2) .ive-equip__img {bottom: -60px; left:81%;}

.ive-equip .swiper-slide:nth-child(4) .ive-equip__img {bottom: -60px; left:81%;}
.ive-equip .swiper-slide:nth-child(6) .ive-equip__img {left:70%;}
.ive-equip .swiper-slide:nth-child(5) .ive-equip__img {bottom: -40px; left:80%;}
*/


/* 활성(첫 슬라이드) · 호버: 원형 배경 → 네이비 그라데이션 (Figma 기본 SMART CT = 네이비) */
.ive-equip__link:hover .ive-equip__circle::after { opacity: 1; }

.ive-equip__card--empty { display: flex; align-items: center; justify-content: center; aspect-ratio: 391 / 492; border-radius: 20px; background: var(--ive-color-bg-soft); color: var(--ive-color-muted); }