/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&display=swap');
img {object-fit: cover;}

/* ============================================================
   BASIC css start
   ============================================================ */

/* swiper 공통 */
.swiper-button-prev { left:0; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width: 13px; opacity: 0.5; } 


/* ============================================================
   메인 배너 영역
   ============================================================ */
#main_bnr_swiper {width: 1500px;margin: 0 auto 140px;} 
#main_bnr_swiper .swiper-slide a { position:relative; display: block; } 
#main_bnr_swiper .swiper-slide img {width:100%;} 
/* ── 슬라이드 표시: ORR 스타일 가는 막대 (HTML의 슬라이드막대 스크립트와 세트) ── */
/* 기존 점/숫자 영역 숨김 (새 막대로 대체) */
#main_bnr_swiper .swiper_view{ display:none !important; }

/* ★ 막대가 차오르는 시간 = 자동넘김 4.5초 + 전환 0.3초 */
#main_bnr_swiper{ --bnr-delay:4800ms; }

#main_bnr_swiper .bnr-bar{
  position:absolute; left:50%; bottom:50px; transform:translateX(-50%);
  width:400px; display:flex; z-index:9;
}
#main_bnr_swiper .bnr-bar__item{
  flex:1; height:2px; position:relative; cursor:pointer;
  background:rgba(255,255,255,0.3);
}
#main_bnr_swiper .bnr-bar__item::before{      /* 클릭 영역 넓히기 */
  content:''; position:absolute; left:0; right:0; top:-12px; bottom:-12px;
}
#main_bnr_swiper .bnr-bar__item i{
  position:absolute; left:0; top:0; height:100%; width:0; background:#fff; display:block;
}
#main_bnr_swiper .bnr-bar__item.is-passed i{ width:100%; }
#main_bnr_swiper .bnr-bar__item.is-active i{ animation:bnrFill var(--bnr-delay) linear forwards; }
@keyframes bnrFill{ from{ width:0; } to{ width:100%; } }
#main_bnr_swiper .swiper-button-next{right: 20px !important;}
#main_bnr_swiper .swiper-button-prev{left: 20px !important;}
#main_bnr_swiper .swiper-button-next img,
#main_bnr_swiper .swiper-button-prev img{width:27px; opacity:1;}

#main_bnr_swiper .swiper-slide{ position:relative;}
#main_bnr_swiper .swiper-slide:before{
  content:'';position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(28,27,25,0) 55%, rgba(28,27,25,0.30) 100%);
  pointer-events:none;z-index:1;
}

/* ── 메인배너 텍스트: 2026 WINTER + 더 알아보기 (ORR 스타일) ── */
.slide_content{
  position: absolute; left: 24%; right: 24%; bottom: 100px; z-index: 2;
  display:flex; align-items:flex-end; justify-content:space-between;
  text-align:left; opacity: 0; text-decoration: none !important;
}
.slide_content *{text-decoration: none !important;}
.slide_content .eyebrow{ display:none; }
.slide_content h1{
  font-family:'Helvetica Narrow','HelveticaNeue-CondensedBold','Arial Narrow','Archivo Narrow','Pretendard',sans-serif; font-weight:700; font-size:22px;
  letter-spacing:0.12em; color:#fff; line-height:1.2; margin:0;
  text-transform:uppercase;
}
.slide_content .rule{display:none;}
.slide_content .cta{
  display:inline-flex; align-items:center; white-space:nowrap;
  font-family:'Pretendard', sans-serif; font-weight:400; font-size:13px;
  letter-spacing:0.1em; color:#fff; padding-bottom:6px; margin:0;
  border-bottom:1px solid #fff; cursor:pointer;
}
.slide_content .cta:after{ content:none; }
.swiper-slide-active .slide_content{opacity:1; animation:fadeUpBnr 1s forwards;}
@keyframes fadeUpBnr{
  from{ opacity:0; transform:translateY(14px); }
  to{ opacity:1; transform:translateY(0); }
}


/* ============================================================
   베스트 아이템
   ============================================================ */
.best_wrap { max-width: 1500px; margin: 0 auto 136px; position: relative; } 
.best_wrap .swiper-button-next { 
    top:55% !important; 
    right: 0 !important; 
    opacity: 0;
    transition: opacity 0.3s ease;
} 
.best_wrap .swiper-button-prev { 
    top:55% !important; 
    left: 0 !important; 
    opacity: 0;
    transition: opacity 0.3s ease;
} 
.best_wrap:hover .swiper-button-next,
.best_wrap:hover .swiper-button-prev {
    opacity: 1;
}
#best_swiper { max-width: 1500px; width: 100%; margin: 0 auto; } 
#best_swiper .item-cont .item-list .thumb img {width: 360px;}
#best_swiper .item-cont .item-list .thumb .p_preview a img {width:auto;}

/* ============================================================
   서브 배너 영역 (현재 숨김)
   ============================================================ */
.sub_bnr_wrap { max-width: 1500px; margin: 0 auto 136px; display: flex; justify-content: space-between; overflow:hidden; gap:0 24px; } 
.sub_bnr_wrap a { display:inline-block; } 
.sub_bnr_wrap .sub_bnr_r { position: relative; width: 50%; } 
.sub_bnr_wrap .sub_bnr_r .sub_bnr_rt { display: flex; justify-content: space-between; margin-bottom: 24px; } 
.sub_bnr_wrap .sub_bnr_l { position: relative; max-width: 672px; width: 50%; } 
.sub_bnr_wrap .swiper-pagination-bullet { width:11px; height:11px; opacity:0.3 !important; background:transparent; border:2px solid #fff; margin:0 6px !important; position:relative; box-sizing:border-box; } 
.sub_bnr_wrap .swiper-pagination-bullet-active { width: 11px; height: 2px; border-radius: 0; border: none; vertical-align: super; background:#fff !important; opacity:1 !important; } 
.sub_bnr_wrap img { width:100%; } 
.sub_bnr_wrap{display:none !important;}


/* ============================================================
   중간 배너 영역
   ============================================================ */
.mid_bnr_wrap { position:relative; max-width: 1500px; width: 100%; margin: 0 auto 136px; } 
.mid_bnr_wrap a { display:block; } 
.mid_bnr_wrap a img { width:100%; height:auto; }


/* ============================================================
   띠배너 영역 (현재 숨김)
   ============================================================ */
.tc-ft-bnr-wrap{max-width:1500px; margin:0 auto 40px;position:relative;}
.tc-ft-bnr-swiper{background:#f7f7f7 !important;}
.tc-ft-bnr-swiper .swiper-slide{padding:26px 60px 40px !important;text-align:center !important;box-sizing:border-box !important;}
.tc-ft-bnr-swiper .swiper-slide a{text-decoration:none !important;display:block !important;}
.tc-ft-bnr-swiper .tit{font-size:16px !important;font-weight:700 !important;color:#1c1b19 !important;margin-bottom:6px !important;}
.tc-ft-bnr-swiper .sub{font-size:13px !important;color:#888 !important;font-weight:400 !important;}
.tc-ft-bnr-swiper .swiper-pagination{bottom:14px !important;}
.tc-ft-bnr-swiper .swiper-pagination-bullet{width:6px !important; height:6px !important;background:#ccc !important;opacity:1 !important;}
.tc-ft-bnr-swiper .swiper-pagination-bullet-active{background:#1c1b19 !important;}
.tc-ft-bnr-swiper .swiper-button-next,
.tc-ft-bnr-swiper .swiper-button-prev{color:#999 !important;width:20px !important;height:20px !important;}
.tc-ft-bnr-swiper .swiper-button-next:after,
.tc-ft-bnr-swiper .swiper-button-prev:after{font-size:14px !important;}
/* ▼▼ 지금은 숨김 처리   나중에 켜고 싶으면 이 한 줄만 지우세요 ▼▼ */
.tc-ft-bnr-wrap{ display:none !important; }


/* ============================================================
   룩북 영역   배경 1500px / 콘텐츠 1280px (의도적으로 다르게)
   ============================================================ */
.lookbook_wrap{
  position:relative !important; max-width:1500px !important; width:100% !important;
  margin:0 auto 136px !important; background:#fafafa !important;
}
.lookbook_inner{
  max-width:1280px !important; width:100% !important; margin:0 auto !important;
  padding:64px 0 72px !important;
}
.lookbook_inner .cateTit{ padding:0 0 32px !important; }
.tc-lb-swiper{overflow:hidden !important;}
.tc-lb-swiper .swiper-wrapper{display:flex !important;}
.tc-lb-swiper .swiper-slide{ width:calc(50% - 8px) !important;flex-shrink:0 !important; margin-right:16px !important;aspect-ratio:3/4 !important;overflow:hidden !important;}
.tc-lb-swiper .swiper-slide a{ display:block !important;width:100% !important; height:100% !important;}
.tc-lb-swiper .swiper-slide img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.tc-lb-swiper .swiper-button-next,
.tc-lb-swiper .swiper-button-prev{color:#fff;width:36px; height:36px;}
.tc-lb-swiper .swiper-button-next:after,
.tc-lb-swiper .swiper-button-prev:after{ font-size:16px;}
/* ▼▼ 지금은 숨김 처리   나중에 켜고 싶으면 이 한 줄만 지우세요 ▼▼ */



/* ============================================================
   상품 그리드 공통 폭   베스트아이템/오늘의신상품/스테디셀러/
   백&슈즈/ACC 전부 1500px로 통일
   ============================================================ */
.item-wrap{ max-width:1500px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.item-wrap .item-cont.flexed{ width:1500px !important; }


/* ============================================================
   스테디셀러 (배경 제거됨   룩북 배경과 겹치지 않도록)
   ============================================================ */
.item-wrap .item-cont .item-list .thumb .dc_per { display:none !important; } 
.steady_seller_wrap .item-wrap .item-cont .item-list .thumb .dc_per { display:inline !important; } 
.steady_seller_wrap { position: relative; padding: 81px 0; margin-bottom: 136px; } 
.steady_seller_wrap .item-wrap { margin-bottom: 0 !important; } 
.steady_seller_wrap .item-wrap .item-cont .item-list .prd-info { padding-bottom:0; } 


/* ============================================================
   고객님들의 담백한 리뷰
   ============================================================ */
.review_wrap { position: relative; max-width: 1500px; width: 100%; margin: 0 auto 80px; } 


/* ============================================================
   회원혜택
   ============================================================ */
.benefit_wrap{max-width:1500px;margin:0 auto 60px;display:flex;background:#fafafa;padding:44px 0;}
.benefit_wrap a{flex:1;text-align:center;padding:0 20px;text-decoration:none; color:#1c1b19;border-right:1px solid #e6e6e6;}
.benefit_wrap a:last-child{border-right:none;}
.benefit_wrap .icon{width:32px; height:32px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;}
.benefit_wrap .icon svg{ width:100%; height:100%;}
.benefit_wrap .tit{font-size:15px;font-weight:700;margin-bottom:8px;}
.benefit_wrap .desc{font-size:12.5px;color:#888;font-weight:400;}

/* ============================================================
   BASIC css end
   ============================================================ */

@media (max-width: 1500px) {
     #best_swiper .item-cont .item-list .thumb img { width:100%; }
}


/* ============================================================
   전체 상품 썸네일 호버 효과 - 최종본 v2
   1) 사진 확대 애니메이션: 대표 사진에만 적용 (아이콘/뱃지 제외)
   2) 호버 아이콘: 찜하기(하트) + 장바구니
   3) 상품명+가격 오버레이 (베스트상품만)
   4) 품절 뱃지: 중심점 고정, 배경 투명, 확대효과 제외
   ============================================================ */

.item-wrap .item-list{ position:relative !important; }
.item-wrap .item-list .thumb{ position:relative !important; overflow:hidden !important; }

/* 대표 사진에만 확대효과 - 아이콘/뱃지는 여기서 배제 */
.item-wrap .item-list .thumb > a > img{
  transition: transform .7s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}
.item-wrap .item-list:hover .thumb > a > img{ transform: scale(1.08) !important; }

/* 호버 아이콘 영역 (찜하기 + 장바구니) */
.item-wrap .item-list .p_preview{
  background:transparent !important; border:none !important; box-shadow:none !important;
  position:absolute !important; right:14px !important; top:78% !important; left:auto !important; bottom:auto !important;
  z-index:3 !important; display:flex !important; flex-direction:column !important; gap:8px !important;
  width:auto !important; align-items:center !important;
  transform:translateY(-50%) !important; opacity:0 !important; transition:opacity .3s ease !important; }
.item-wrap .item-list:hover .p_preview{ opacity:1 !important; }

.item-wrap .item-list .p_preview a,
.item-wrap .item-list .p_preview span.my-wish-list{
  width:38px !important; height:38px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,0.92) !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.10) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  filter:none !important;
  cursor:pointer !important;
}
.item-wrap .item-list .p_preview a img,
.item-wrap .item-list .p_preview span.my-wish-list img{
  width:20px !important; height:20px !important;
  opacity:0.8 !important;
  filter:none !important;
  transform:none !important;
}

/* 베스트상품 전용: 호버시 사진 살짝 어두워짐 (텍스트 가독성) */
.best_wrap .item-cont .item-list .thumb:before{
  content:''; position:absolute; inset:0; z-index:1;
  background:rgba(0,0,0,0);
  transition:background .3s ease;
  pointer-events:none;
}
.best_wrap .item-cont .item-list:hover .thumb:before{
  background:rgba(0,0,0,0.28);
}

.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info,
.best_wrap .item-cont .item-list .prd-info{
  display:block !important; position:absolute !important; left:0 !important; right:0 !important;
  top:38% !important; bottom:auto !important; z-index:2 !important; padding:0 20px !important;
  background:none !important; border:none !important;
  text-align:center !important;
  opacity:0 !important; transition:opacity .3s ease !important; margin:0 !important;
}
.best_wrap .item-cont .item-list:hover .prd-info{ opacity:1 !important; }
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info ul,
.best_wrap .item-cont .item-list .prd-info ul{
  list-style:none !important; padding:0 !important; margin:0 !important;
  border:none !important; text-align:center !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info li,
.best_wrap .item-cont .item-list .prd-info li{
  text-align:center !important; border:none !important; width:100% !important; float:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-name,
.best_wrap .item-cont .item-list .prd-info .prd-name{
  font-size:13px !important; margin-bottom:6px !important;
  text-decoration:none !important; text-align:center !important; border:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-name a,
.best_wrap .item-cont .item-list .prd-info .prd-name a{
  color:#fff !important;
  text-decoration:none !important;
  border:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-price,
.best_wrap .item-cont .item-list .prd-info .prd-price{
  font-size:14px !important; font-weight:600 !important;
  text-align:center !important; border:none !important;
  display:block !important; width:100% !important;
}
.best_wrap .item-cont .item-list .prd-info .prd-price .normal,
.best_wrap .item-cont .item-list .prd-info .prd-price b{ color:#fff !important; }
.best_wrap .item-cont .item-list .prd-info .prd-color,
.best_wrap .item-cont .item-list .prd-info .prd-subname,
.best_wrap .item-cont .item-list .prd-info .prd-ico,
.best_wrap .item-cont .item-list .prd-info .p_review,
.best_wrap .item-cont .item-list .prd-info .dc_per,
.best_wrap .item-cont .item-list .prd-info .consumer{ display:none !important; }

/* 베스트상품 전용: 아이콘 가로배치, 하단중앙 */
.best_wrap.item-wrap .item-cont.flexed .item-list .p_preview,
.best_wrap .item-cont .item-list .p_preview{
  position:absolute !important;
  left:0 !important; right:auto !important; bottom:20px !important; top:auto !important;
  transform:none !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}

/* ============================================================
   품절 - 썸네일 전체 어둡게 + SOLD OUT 텍스트
   ============================================================ */

.thumb .p_soldout {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    transform: none !important;
    z-index: 5 !important;
    cursor: pointer !important;
    background: rgba(255,255,255,0.55) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.thumb .p_soldout img{ display: none !important; }
.thumb .p_soldout::after{
    content: "SOLD OUT";
    color: rgba(0,0,0,0.5);
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 400;
}
/* 품절 상품에서는 찜하기/장바구니 아이콘 완전히 숨김 */
.thumb:has(.p_soldout) .p_preview{
    display: none !important;
}
/* BASIC css end */

