/* ==========================================================
   PLAN SECTION — 수정완료 (월요금 안보임 오류 FIX + 타이틀 재정비)
========================================================== */

/* 전체 섹션 */
.plan-section{
  width:100%;
  padding:20px 0 20px;
  background:#fff;
  font-family:Pretendard, "Noto Sans KR", sans-serif;
}

.plan-container{
  max-width:900px;
  margin:0 auto;
  padding:0 12px;
}

/* 메인 타이틀 */
.plan-main-title{
  text-align:center;
  font-size:26px;
  font-weight:900;
  color:#222;
  margin-bottom:10px;
}

/* 서브 타이틀 */
.plan-subtitle{
  text-align:center;
  font-size:14px;
  font-weight:600;
  color:#666;
  margin-bottom:20px;
}


/* PC 3칸 row */
.plan-grid{
  display:flex;
  gap:18px;
  overflow:hidden;
}

/* 개별 카드 */
.plan-card{
  flex:1;
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:16px;
  padding:24px 18px;
  text-align:center;
  min-width:260px;
  transition:transform .2s;
}

.plan-card:hover{
  transform:translateY(-5px);
}



/* 제목 */
.plan-name{
  font-size:18px;
  font-weight:800;
  margin-bottom:0px;
}

/* 설명 */
.plan-desc{
  font-size:14px;
  color:#666;
  margin-bottom:16px;
}

/* ISP 리스트 */
.plan-isp-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.plan-isp{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border:1px solid #efefef;
  border-radius:12px;
  background:#fafafa;
}

/* ISP 로고 */
.plan-isp img{
  width:28px;
  height:28px;
  object-fit:contain;
}

/* 가격 – 여기가 안 보이는 문제 FIX */
.plan-price{
  color:#222 !important;
  font-weight:500;
  margin-left:auto;
}


/* ===========================
   🔥 플랜 아이콘 개선 스타일
=========================== */

.plan-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;           /* 아이콘 간격 넓게 */
   margin-bottom: 10px !important;
}

.plan-icon svg {
  width: 50px !important;    /* 아이콘 커짐 */
  height: 50px !important;   /* 아이콘 커짐 */
  stroke: #5b33ff;           /* 더 선명한 보라 */
  stroke-width: 2.3;         /* 두께 증가 */
  fill: none;
}

/* 카드 상단 공간 조금 더 여유 있게 */
.plan-card {
  padding-top: 34px !important;
}


/* ==========================================================
   모바일 스와이프
========================================================== */
@media(max-width:768px){
  .plan-grid{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .plan-card{
    min-width:100%;
    scroll-snap-align:center;
  }

  /* 페이지 dots */
  .plan-dots{
    text-align:center;
    margin-top:12px;
  }
  .plan-dots .dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ccc;
    margin:0 4px;
    transition:.2s;
  }
  .plan-dots .dot.active{
    background:#6c3bff;
    width:12px;
  }
}