/* BASIC css start */
#content{ width:auto; }

/* =========================
   MAIN BANNER
   ========================= */
#main_bnr_swiper{ width:100%; margin-bottom:60px; }
#main_bnr_swiper .swiper-slide img{ width:100%; display:block; }
#main_bnr_swiper .swiper-pagination-bullet{
  opacity:1 !important;
  background:transparent !important;
  border:1px solid #000;
  margin:0 6px !important;
}
#main_bnr_swiper .swiper-pagination-bullet-active{ background:#000 !important; }

/* =========================
   SECTION / TITLE (메인 섹션 공통)
   ========================= */
:root{
  --prdW: 1280px;
  --thumb: 260px;
  --arrow: 44px;
  --titleH: 140px;
  --sectionGap: 100px;
}

.product-wrap.prd_section{
  width:var(--prdW);
  margin:0 auto var(--sectionGap);
  position:relative;
  padding-top:var(--titleH);
  box-sizing:border-box;
}

.product-wrap.prd_section .cateTit{
  position:absolute;
  top:0; left:0; right:0;
  height:var(--titleH);
  display:flex;
  align-items:flex-start;     /* 위쪽 정렬 */
  justify-content:center;
  padding-top:10px;
  margin:0 !important;
}

.product-wrap.prd_section .cateTit h3{
  font-family:Pretendard,"Noto Sans KR",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:60px;
  font-weight:600;
  letter-spacing:0.1em;
  line-height:1.2;
  color:#111;
  margin:0 !important;
  padding:0 !important;
  text-transform:uppercase;
}

/* 기존 스킨 장식 제거 */
.product-wrap.prd_section .cateTit,
.product-wrap.prd_section .cateTit::before,
.product-wrap.prd_section .cateTit::after,
.product-wrap.prd_section .cateTit h3::before,
.product-wrap.prd_section .cateTit h3::after{
  content:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* =========================
   PRODUCT SWIPER (메인 공통)
   ========================= */
.prd-swiper{
  width:var(--prdW);
  margin:0 auto;
  position:relative;
  overflow:hidden;
  padding:0 70px;
  box-sizing:border-box;
}

.prd-swiper .swiper-wrapper{
  display:flex !important;
  align-items:flex-start;
}

.prd-swiper .swiper-slide{
  flex-shrink:0 !important;
  width:260px !important;
}

.prd-swiper .item-list{
  margin:0;
  text-align:center;
}

/* 썸네일 */
.prd-swiper .thumb{
  width:260px;
  height:var(--thumb);
  margin:0 auto 2px;          /* ✅ 더 위로: 14px → 2px */
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #eee;
  background:#fff;
  box-sizing:border-box;
}

.prd-swiper .thumb img{
  max-width:100%;
  max-height:100%;
  display:block;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* =========================
   SWIPER ARROW (유지)
   ========================= */
.prd-swiper .swiper-button-prev:after,
.prd-swiper .swiper-button-next:after{ content:"" !important; }

.prd-swiper .swiper-button-prev,
.prd-swiper .swiper-button-next{
  width:var(--arrow) !important;
  height:var(--arrow) !important;
  top:calc(var(--thumb) / 2) !important;
  transform:translateY(-50%) !important;
  z-index:50 !important;
}

.prd-swiper .swiper-button-prev{
  left:18px !important;
  background:url("//skin.makeshop.co.kr/skin/blossom/img/ico_arrow_prev.png") center/contain no-repeat !important;
}
.prd-swiper .swiper-button-next{
  right:18px !important;
  background:url("//skin.makeshop.co.kr/skin/blossom/img/ico_arrow_next.png") center/contain no-repeat !important;
}

/* =========================
   TEXT LAYOUT (무신사 타이트)
   ========================= */
.prd-swiper .prd-info{
  text-align:center !important;
}

.prd-swiper .prd-info ul{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:0 !important;          /* ✅ 상품명↔가격 간격 최소 */
  margin:0 !important;
  padding:0 !important;
}

.prd-swiper .prd-info ul > li{
  width:100% !important;
}

/* 상품명 2줄 고정(카테고리랑 동일 톤) */
.prd-swiper .prd-name{ margin:0 !important; }

.prd-swiper .prd-name a{
  color:#111 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  line-height:1.2 !important;
  font-size:13px !important;
  min-height:calc(1.2em * 2) !important;
}

/* =========================
   PRICE UI (라벨 숨김 + 할인율만 빨강 + 할인율이 앞)
   ========================= */
.prd-swiper .price-wrap .label{ display:none !important; }

.prd-swiper .prd-price{
  margin:0 !important;
  padding:0 !important;
  min-height:22px !important;      /* ✅ 더 위로 */
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:center;
}

/* 가격 블록 타이트 */
.prd-swiper .prd-price .price-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:1px !important;
  line-height:1.1 !important;
}

/* 소비자가(없어도 공간 유지) */
.prd-swiper .price-line.consumer{
  min-height:14px !important;
  margin:0 !important;
}
.prd-swiper .price-line.consumer .val{
  text-decoration:line-through !important;
  color:#bdbdbd !important;
  font-size:12px !important;
}

/* display:none 되어도 공간 유지 */
.prd-swiper .price-line.consumer[style*="display:none"]{
  display:block !important;
  visibility:hidden !important;
}

/* 판매가 줄: 할인율을 앞에 */
.prd-swiper .price-line.sell{
  min-height:16px !important;
  margin:0 !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:3px !important;
}

.prd-swiper .price-line.sell .rate{
  order:-1 !important;
  margin:0 3px 0 0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#ff0000 !important;        /* ✅ 무신사 레드 */
}

.prd-swiper .price-line.sell .val{
  order:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#111 !important;
}
/* ✅ 메인 슬라이더: 상품명 ↔ 가격 간격 강제 축소 */
.prd-swiper .prd-info .prd-name{ margin:0 !important; padding:0 !important; }
.prd-swiper .prd-info .prd-price{ margin:0 !important; padding:0 !important; }
.prd-swiper .prd-info .prd-name + .prd-price{ margin-top:-10px !important; } /* -4 ~ -10 사이 취향 */
body, td, th, div, p, span, a, li, dt, dd, input, textarea, select, button {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}
/* BASIC css end */