@charset "utf-8";

/* =========================================================
   카테고리 목록
   ========================================================= */
:root{
  --banner-gap:20px;
}

.banner-sec{margin:26px 0 0;}
.banner-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--banner-gap);}
.banner-link{display:block;position:relative;aspect-ratio:16 / 10;/* 데스크탑 슬롯 ≈ 413×258 */overflow:hidden;}
.banner-link img{width:100%;height:100%;object-fit:cover;display:block;}

/* 반응형 */
@media (max-width:1024px){
  .banner-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
}
@media (max-width:560px){
  .banner-sec{margin:16px 0 4px;}
  .banner-list{grid-template-columns:repeat(2,1fr);gap:12px;}
  .banner-list > :nth-child(3){display:none;}
  .banner-link{aspect-ratio:8 / 5;}
}

/* =========================================================
   상품상세
   ========================================================= */
:root{
  --pd-max:1280px;
  --pd-field-bg:#f6f7f8;
  --pd-line:var(--color-line);
  --pd-coupon:#4e27a2;          /* 쿠폰 버튼(보라) */
  --pd-sale:#e30303;            /* 할인가 레드(원본 톤 유지) */
  --pd-tab-active:#222222;      /* 활성 탭 */
  --pd-panel-bg:var(--color-background);
  --pd-stepper-bg:#ffffff;        /* 숫자 영역 흰색 */
  --pd-stepper-btn:#f1f2f4;       /* +- 버튼 영역 회색 */
  --pd-stepper-line:#d7dae0;
}
 
.pd{max-width:var(--pd-max);margin:0 auto;padding:44px 20px 60px;color:var(--color-text-default);}
 
/* =========================================================
   상품 정보 (상단)
   ========================================================= */
.pd-top{display:flex;gap:48px;align-items:flex-start;}
.pd-gallery{flex:0 0 50%;max-width:50%;}
.pd-gallery__main{width:100%;border-radius:12px;overflow:hidden;background:var(--pd-field-bg);}
.pd-gallery__main img{width:100%;height:100%;object-fit:cover;display:block;}
 
.pd-info{flex:1;min-width:0;position:relative;}
 
/* 제목 + 공유 */
.pd-info__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.pd-info__name{font-size:1.46rem;font-weight:600;line-height:1.35;letter-spacing:-0.02em;color:var(--color-text-default);}
.pd-info__desc{margin-top:14px;font-size:.9rem;font-weight:400;color:var(--color-text-sub);line-height:1.5;letter-spacing:-0.05em;}
 
/* 공유 */
.pd-share{position:relative;flex:0 0 auto;}
.pd-share__btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--color-text-default);background:var(--pd-field-bg);transition:background .15s;}
.pd-share__btn:hover{background:var(--pd-stepper-line);}
.pd-share__btn svg{width:20px;height:20px;}
.pd-share__pop{position:absolute;top:calc(100% + 8px);right:0;display:none;gap:10px;padding:12px;background:var(--color-background);border:1px solid var(--pd-line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:20;}
.pd-share__pop.is-open{display:flex;}
.pd-share__item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--pd-field-bg);overflow:hidden;transition:opacity .15s;}
.pd-share__item:hover{opacity:.8;}
.pd-share__item img{width:100%;height:100%;object-fit:cover;}
.pd-share__item svg{width:20px;height:20px;fill:var(--color-text-default);}
 
/* 가격 */
.pd-price{margin-top:20px;padding:10px 0;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);}
.pd-price__origin{display:flex;align-items:center;gap:8px;color:var(--pd-sale);font-weight:500;letter-spacing:-0.02em;}
.pd-price__origin span{font-size:1.3rem;color:#a1a1a1;font-weight:300;text-decoration:line-through;text-decoration-color:var(--pd-sale);}
.pd-price__origin em{font-style:normal;}
.pd-price__sale{display:flex;align-items:baseline;font-weight:600;letter-spacing:-0.05em;}
.pd-price__num{padding-left:10px;font-size:1.9rem;font-weight:700;color:var(--pd-sale);font-family:'Roboto', sans-serif;}
.pd-price__won{font-size:1rem;font-weight:500;margin-left:3px;color:var(--pd-sale);}
 
/* 쿠폰 */
.pd-coupon{margin:15px auto 0;width:100%;max-width:290px;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;background:var(--pd-coupon);color:#fff;letter-spacing:-0.05em;font-size:1.02rem;font-weight:600;border-radius:4px;cursor:pointer;transition:filter .15s;}
.pd-coupon strong{color:#ffe400;}
.pd-coupon svg{width:18px;height:18px;font-weight:700;}
 
/* =========================================================
   구매 박스 (옵션/수량/금액/버튼)
   ========================================================= */
.pd-buy{margin-top:22px;}
.pd-select{width:100%;}
/* common .select-wrap 화살표 사용: 폭 100% 보정 + 화살표 위치 키움 */
.pd-select.select-wrap{display:block;position:relative;}
.pd-select.select-wrap::after{right:16px;width:9px;height:9px;border-color:#888;}
.pd-select__el{width:100%;height:48px;padding:0 38px 0 14px;font-size:.95rem;color:var(--color-text-default);background-color:var(--pd-field-bg);border:1px solid var(--pd-line);border-radius:4px;}
 
.pd-qty{margin-top:16px;}
.pd-qty__name{font-size:.95rem;color:var(--color-text-default);}
.pd-qty__row{margin-top:8px;display:flex;align-items:center;justify-content:space-between;}
.pd-stepper{display:inline-flex;border:1px solid var(--pd-stepper-line);border-radius:4px;overflow:hidden;}
.pd-stepper__btn{width:34px;height:34px;font-size:1rem;background:var(--pd-stepper-btn);color:var(--color-text-default);cursor:pointer;transition:filter .15s;}
.pd-stepper__btn:hover{filter:brightness(.96);}
.pd-stepper__val{width:50px;height:34px;line-height:34px;text-align:center;font-size:1rem;background:var(--pd-stepper-bg);border-left:1px solid var(--pd-stepper-line);border-right:1px solid var(--pd-stepper-line);user-select:none;}
.pd-qty__price{font-size:1.1rem;font-family:'Roboto', sans-serif;}
.pd-qty__price strong{font-weight:700;}
.pd-qty__price span{font-size:.9rem;margin-left:1px;}
 
.pd-total{margin-top:20px;padding-top:16px;border-top:1px solid var(--pd-line);display:flex;align-items:center;justify-content:space-between;}
.pd-total__label{font-size:.95rem;font-weight:600;color:var(--color-text-default);}
.pd-total__body{display:flex;align-items:baseline;gap:16px;}
.pd-total__cnt{font-size:.9rem;color:var(--color-text-sub);}
.pd-total__sum{font-family:'Roboto', sans-serif;}
.pd-total__sum strong{color:var(--pd-sale);font-size:1.5rem;font-weight:700;margin-right:2px;}
 
/* 구매 버튼 */
.pd-btn-buy{margin-top:18px;width:100%;height:58px;font-size:1.1rem;font-weight:700;color:#fff;background:var(--point);border-radius:6px;cursor:pointer;transition:filter .15s;}
.pd-sub-btns{margin-top:11px;display:flex;gap:10px;}
.pd-btn-zzim,.pd-btn-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:54px;font-size:1rem;font-weight:500;color:var(--color-text-default);background:var(--color-background);border:1px solid var(--pd-stepper-line);border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s;}

/* ---- 아이콘 (인라인 SVG) ---- */
.pd-ico-zzim,.pd-ico-cart{display:inline-block;width:20px;height:20px;}
.pd-ico-cart{background-image:url('/img/cart.png');background-repeat:no-repeat;background-position:center;background-size:contain;}

/* 찜 하트 : 기본=선만 / 활성=빨강 채움 (데스크탑·모바일 공통) */
.pd-ico-zzim{fill:none;transition:fill .18s ease,stroke .18s ease;}
.pd-btn-zzim.is-active,
.pd-fixbar__zzim.is-active{color:var(--point);}
.pd-btn-zzim.is-active .pd-ico-zzim,
.pd-fixbar__zzim.is-active .pd-ico-zzim{fill:var(--point);}
 
/* =========================================================
   탭 메뉴
   ========================================================= */
.pd-tabs{margin-top:60px;}
.pd-tabs__list{display:flex;border:1px solid var(--pd-line);border-radius:4px 4px 0 0;overflow:hidden;}
.pd-tabs__item{flex:1;text-align:center;border-right:1px solid var(--pd-line);background:var(--pd-field-bg);transition:background .2s,color .2s;}
.pd-tabs__item:last-child{border-right:0;}
.pd-tabs__item a{display:block;padding:15px 0;font-size:1rem;color:var(--color-text-default);}
.pd-tabs__item.is-active{background:var(--pd-tab-active);}
.pd-tabs__item.is-active a{color:#fff;font-weight:600;}
 
/* 탭 섹션 */
.pd-sec{padding:50px 0;border-bottom:1px solid var(--pd-line);scroll-margin-top:190px;}
.pd-sec:last-child{border-bottom:0;}
.pd-sec__title{padding:30px 0 50px;font-size:1.8rem;font-weight:600;text-align:center;line-height:1.5;color:var(--color-text-default);}
.pd-sec__tit{font-size:1.26rem;font-weight:600;letter-spacing:-0.02em;color:var(--color-text-default);}
.pd-sec__sub{padding:40px 0 6px;font-size:1rem;font-weight:600;color:var(--color-text-default);}
.pd-sec__sub .pd-sec__receive{display:inline-block;margin-left:10px;padding:7px 17px;font-size:.76rem;line-height:1;color:#fff;background:var(--ord-blue, #2f6fe0);border-radius:3px;}
.pd-sec__txt{font-size:.9rem;color:var(--color-text-sub);line-height:1.6;}
.pd-sec__img{text-align:center;padding:30px 0;}
.pd-sec__img img{max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;}
.pd-sec__img--delivery img{width:50%;height:auto;}
 
/* =========================================================
   모바일 하단 고정바 (기본 숨김)
   ========================================================= */
.pd-fixbar{display:none;position:fixed;left:0;bottom:0;width:100%;z-index:500;background:var(--color-background);padding-bottom:env(safe-area-inset-bottom);}
.pd-fixbar__zzim{flex:0 0 33%;display:flex;align-items:center;justify-content:center;gap:5px;height:54px;font-size:1rem;color:var(--color-text-default);background:var(--color-background);border:1px solid var(--pd-stepper-line);border-left:0;cursor:pointer;transition:border-color .15s,color .15s;}
.pd-fixbar__buy{flex:1;height:54px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--point);border:1px solid var(--point);cursor:pointer;}
 
/* =========================================================
   모바일 옵션 슬라이드 패널
   ========================================================= */
.pd-panel{position:fixed;left:0;bottom:0;width:100%;z-index:501;background:var(--pd-panel-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.12);transform:translateY(104%);transition:transform .25s ease;display:flex;flex-direction:column;}
.pd-panel.is-open{transform:translateY(0);}
.pd-panel__header{padding:10px 0 4px;display:flex;justify-content:center;}
.pd-panel__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;cursor:pointer;color:var(--color-text-default);}
.pd-panel__close svg{width:30px;height:30px;}
.pd-panel__close::before,
.pd-panel__close::after{content:none;}
.pd-panel__content{padding:6px 18px 14px;}
.pd-panel__bar{display:flex;}
.pd-panel__buy{flex:1;height:54px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--point);border:1px solid var(--point);cursor:pointer;}
 
/* =========================================================
   주문 풀스크린 모달
   ========================================================= */
.pd-order-modal{position:fixed;inset:0;z-index:1000;display:none;flex-direction:column;background:var(--color-background);}
.pd-order-modal.is-open{display:flex;}
.pd-order-modal__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-bottom:1px solid var(--pd-line);background:var(--color-background);}
.pd-order-modal__title{font-size:1.05rem;font-weight:700;color:var(--color-text-default);}
.pd-order-modal__close{width:38px;height:38px;font-size:1.8rem;line-height:1;color:var(--color-text-default);background:none;border:0;cursor:pointer;}
.pd-order-modal__body{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.pd-order-modal form#fitorderform{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column;}
.pd-order-modal__body .order{padding-top:0 !important;padding-bottom:40px;}
body.pd-modal-open{overflow:hidden;}
body.pd-modal-open .pd-fixbar{display:none;}
 
/* =========================================================
   반응형
   ========================================================= */
/* 태블릿·모바일(991px↓): 구매박스 숨김 → 하단 고정바/패널 사용 */
@media (max-width:991px){
  .pd{padding:20px 16px 20px;}
  .pd-top{flex-direction:column;gap:0;}
  .pd-gallery{flex:none;max-width:100%;width:100%;}
  .pd-gallery__main{border-radius:0;}
  .pd-info{width:100%;}
  .pd-info__name{padding-top:10px;font-size:1.3rem;width:84%;}
  .pd-buy{display:none;}              /* 데스크톱 구매박스 숨김 */
  .pd-fixbar{display:flex;}           /* 하단 고정바 노출 */
  .pd-tabs{margin-top:30px;}
  .pd-tabs__item a{padding:12px 0;font-size:.9rem;}
  .pd-sec{padding:30px 0;scroll-margin-top:207px;}
  .pd-sec__title{padding:10px 0;font-size:1.4rem;}
  .pd-sec__sub{padding:20px 0 5px;font-size:.96rem;}
  .pd-sec__txt{font-size:.8rem;}
  /* 쿠폰 버튼 100% (데스크톱 고정폭 해제) */
  .pd-coupon{max-width:none;}
  /* 위로가기 버튼: 하단 고정바(54px) 위로 올림 → 가림 방지 */
  .btn-top{bottom:calc(54px + env(safe-area-inset-bottom) + 16px);}
  .pd-share{transform:translateY(6px);}
  /* 상품상세: 하단 고정바 높이만큼 푸터 아래 여백 */
  .footer{padding-bottom:calc(54px + env(safe-area-inset-bottom) + 20px);}
  .pd-sec__img--delivery img{width:100%;}
}
/* 데스크톱(992px↑): 패널/고정바/모달 숨김 */
@media (min-width:992px){
  .pd-fixbar,.pd-panel,.pd-order-modal{display:none !important;}
}
@media (max-width:560px){
  .pd-info__name{font-size:1.2rem;}
  .pd-price__num{font-size:1.7rem;}
  .pd-coupon{width:100%;}
}


/* =========================================================
   상품 카테고리 헤더
   ========================================================= */
.pcat{
  --pcat-active:#3a4150;          /* 데스크탑 칩 채움 */
  --pcat-active-ink:#3a4150;      /* 모바일 밑줄/활성 텍스트, 패널 활성 */
  --pcat-surface:#ffffff;         /* 패널/셀렉트 배경 + 화살표 페이드 */
  --pcat-list-max:900px;          /* 데스크탑 칩 목록 최대폭 */

  max-width:1280px;margin:60px auto 0;   /* 데스크탑: 콘텐츠 폭(1280) 내 */
  display:grid;grid-template-columns:1fr;
  grid-template-areas:"title" "nav" "sort";
  row-gap:22px;
}
.pcat__title{grid-area:title;text-align:center;font-size:1.7rem;font-weight:500;font-family: 'NoonnuBasicGothic', sans-serif;letter-spacing:-0.02em;color:var(--color-text-default);}
/* ---- 정렬 셀렉트 ---- */
.pcat__sort{grid-area:sort;justify-self:end;}
.pcat__sort-sel{height:38px;padding:0 36px 0 14px;font-size:.9rem;color:var(--color-text-default);background:var(--pcat-surface);border:1px solid var(--input-border);border-radius:4px;cursor:pointer;}
/* ---- 목록 (데스크탑 : 칩) ---- */
.pcat__nav{grid-area:nav;}
.pcat__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:var(--pcat-list-max);margin:0 auto;padding:0;list-style:none;}
.pcat__link{display:inline-flex;align-items:center;padding:9px 18px;font-size:.9rem;font-weight:600;color:var(--color-text-sub);border:1px solid var(--color-line);border-radius:999px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.pcat__link:hover{border-color:var(--pcat-active);color:var(--pcat-active);}
.pcat__link.is-active{background:var(--pcat-active);border-color:var(--pcat-active);color:#fff;}
/* ---- 펼침 화살표 / 패널 : 데스크탑 숨김 ---- */
.pcat__toggle{display:none;}
.pcat__panel{display:none;}
/* 스크롤 유도 애니메이션 (우측 배치 → 세로 이동만) */
@keyframes pcatScroll{
  0%,100%{transform:translateY(0);opacity:.45;}
  50%{transform:translateY(5px);opacity:1;}
}

/* =========================================================
   상품 카테고리 헤더 : 태블릿 / 모바일 (≤1024)
   ========================================================= */
@media (max-width:1024px){
  .pcat{
    max-width:none;margin:20px auto 0;
    grid-template-columns:1fr auto;
    grid-template-areas:"title sort" "nav nav";
    row-gap:12px;column-gap:12px;align-items:center;
	padding:0 16px;
  }
  .pcat__title{text-align:left;font-size:1.25rem;font-weight:600;}
  .pcat__sort{align-self:center;}
  .pcat__sort-sel{height:34px;font-size:.85rem;}
  /* 가로 스와이프  */
  .pcat__nav{
    position:relative;z-index:20;
    margin-inline:calc(50% - 50vw);          /* 풀 위드 (offset 없음) */
    border-top:1px solid var(--color-line);  /* 상단 선 */
    border-bottom:1px solid var(--color-line);
    transition:border-color .2s;
  }
  .pcat__list{
    display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;max-width:none;margin:0;   /* ★ flex-start : 가운데정렬 상속 차단(좌측 잘림 해결) */
    padding:0 50px 0 4px;   /* 우: 화살표 공간 / 좌: 첫 항목 여백 */
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .pcat__list::-webkit-scrollbar{display:none;}
  .pcat__list li{flex:0 0 auto;}
  .pcat__link{border:0;border-radius:0;background:none;padding:12px 14px;color:var(--color-text-sub);position:relative;white-space:nowrap;}
  .pcat__link:hover{color:var(--color-text-sub);}
  .pcat__link.is-active{background:none;color:var(--pcat-active-ink);}
  .pcat__link.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--pcat-active-ink);}  /* 2px 밑줄 */
  /* 펼침 화살표 */
  .pcat__toggle{
    display:flex;align-items:center;justify-content:center;
    position:absolute;top:0;right:0;bottom:0;width:50px;z-index:3;
    background:linear-gradient(to right, rgba(0,0,0,0) 0%, var(--pcat-surface) 25%);
    color:var(--color-text-default);cursor:pointer;
  }
  .pcat__toggle-ico{width:20px;height:20px;transition:transform .25s;}
  /* 펼침 패널 */
  .pcat__panel{
    display:block;position:absolute;top:100%;left:0;right:0;z-index:2;
    max-height:0;overflow:hidden;background:var(--pcat-surface);
    box-shadow:0 10px 14px -8px rgba(0,0,0,.1);
    transition:max-height .3s ease;
	border-top:1px solid var(--color-line);
  }
  .pcat__panel-inner{position:relative;}
  .pcat__panel-list{
    display:grid;grid-template-columns:1fr 1fr;gap:0 10px;
    height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;   /* 높이 설정 */
    margin:0;padding:8px 16px 20px;list-style:none;
  }
  .pcat__panel-link{display:block;padding:12px 4px;font-size:.92rem;color:var(--color-text-default);}
  .pcat__panel-link.is-active{color:var(--pcat-active-ink);font-weight:700;}
  /* 스크롤 유도 화살표 (하단 우측) */
  .pcat__scroll{position:absolute;right:16px;bottom:6px;transform:none;width:22px;height:22px;color:var(--color-text-sub);pointer-events:none;animation:pcatScroll 1.3s ease-in-out infinite;}
  .pcat__scroll svg{width:100%;height:100%;display:block;}
  /* ---- 열림 상태 (체크박스 토글) ---- */
  .pcat__check:checked ~ .pcat__nav{border-bottom-color:transparent;}                             /* 하단선 제거 → 패널과 연결 (상단선은 유지) */
  .pcat__check:checked ~ .pcat__nav .pcat__toggle-ico{transform:rotate(180deg);}          /* 화살표 위로 */
  .pcat__check:checked ~ .pcat__nav .pcat__panel{max-height:236px;}                              /* 고정 높이 펼침 (280→236) */
}

/* =========================================================
   장바구니 담김 모달 팝업
   ========================================================= */
.pd-cartpop{
  --cp-surface:#ffffff;
  --cp-point:var(--point, #cd0111);
  position:fixed;left:0;top:0;z-index:1200;
  display:none;
  width:286px;padding:26px 22px 22px;
  background:var(--cp-surface);
  border-radius:10px;
  box-shadow:0 10px 15px rgba(0,0,0,.12);
  border:1px solid var(--color-line);
  text-align:center;
}
.pd-cartpop.is-open{display:block;animation:cartPopUp .18s ease;}
@keyframes cartPopUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

/* 닫기 (우상단 X) */
.pd-cartpop__close{
  position:absolute;top:8px;right:8px;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--color-text-default);background:none;border:0;cursor:pointer;
}
.pd-cartpop__close svg{width:20px;height:20px;}

/* 안내 문구 */
.pd-cartpop__text{
  margin-bottom:16px;
  font-size:.95rem;font-weight:500;line-height:1.5;
  color:var(--color-text-default);
}

/* 장바구니 바로가기 (아웃라인 버튼) */
.pd-cartpop__link{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:170px;height:40px;padding:0 18px;
  font-size:.88rem;font-weight:600;
  color:var(--cp-point);
  background:transparent;
  border:1px solid var(--cp-point);
  border-radius:4px;
  transition:background .15s;
}
.pd-cartpop__link:hover{background:rgba(205,1,17,.05);}
/* 링크 우측 화살표(>) */
.pd-cartpop__arrow{
  width:6px;height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);
  position:relative;left:1px;
}

/* 말풍선 꼬리 (아래 방향) — JS가 left 값을 버튼 중앙에 맞춤 */
.pd-cartpop__tail{
  position:absolute;bottom:-7px;left:50%;
  width:13px;height:13px;
  background:var(--cp-surface);
  border-right:1px solid var(--color-line);
  border-bottom:1px solid var(--color-line);
  transform:translateX(-50%) rotate(45deg);
  clip-path:none;
}

/* ---- 반응형 ---- */
@media (max-width:767px){
  .pd-cartpop{width:270px;padding:24px 18px 20px;}
  .pd-cartpop__text{font-size:.92rem;margin-bottom:14px;}
  .pd-cartpop__link{min-width:160px;height:38px;font-size:.85rem;}
}
@media (max-width:360px){
  .pd-cartpop{width:250px;}
}

/* 장바구니 모달 - 260902 하유정 */
.pd-cartpop.pd-cartpop-index{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.55);box-sizing:border-box;width:100%;border:0;border-radius:0;box-shadow:none;text-align:center;left:0!important;top:0!important;}
.pd-cartpop.pd-cartpop-index.is-open{display:flex;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__inner{position:relative;width:320px;padding:52px 20px 18px;background:#fff;border:0;border-radius:12px;box-sizing:border-box;box-shadow:0 8px 22px rgba(0,0,0,.18);text-align:center;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__close{position:absolute;top:8px;right:10px;width:42px;height:42px;padding:0;border:0;background:transparent;color:#333;font-size:44px;font-weight:300;line-height:38px;cursor:pointer;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__tit-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__icon{display:none;width:40px;margin-bottom:10px;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__icon img{width:100%;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__text{margin:0 0 18px;color:#222;font-size:20px;font-weight:500;line-height:1.5;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__link{display:block;width:210px;min-width:0;height:auto;margin:0 auto 10px;padding:11px 10px;border:1px solid #3979ee;border-radius:6px;background:#fff;color:#3979ee;font-size:15px;text-decoration:none;box-sizing:border-box;}
.pd-cartpop.pd-cartpop-index .pd-cartpop__continue{display:none;margin-left:auto;padding:10px 14px;border:1px solid #d5d5d5;border-radius:6px;background:var(--btn-basic-bg);color:#555;font-size:14px;cursor:pointer;}


/* =========================================================
   페이지네이션 (공통)
   ========================================================= */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:34px;}
.pagination__page,
.pagination__nav{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;font-size:.9rem;color:var(--color-text-default);background:transparent;border:1px solid var(--color-line);border-radius:5px;font-family:'Roboto', sans-serif;transition:background .15s, border-color .15s, color .15s;}
.pagination__nav{color:var(--color-text-sub);}
.pagination__page:hover,
.pagination__nav:hover{border-color:var(--point);color:var(--point);background:rgba(0,0,0,.02);}
.pagination__page.is-current{background:var(--point);border-color:var(--point);color:#fff;font-weight:700;}
.pagination__page.is-current:hover{background:var(--point);color:#fff;}
.pagination__arrow{width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;}
.pagination__nav--prev .pagination__arrow{transform:rotate(135deg);position:relative;left:1px;}
.pagination__nav--next .pagination__arrow{transform:rotate(-45deg);position:relative;right:1px;}

@media (max-width:560px){
  .pagination{gap:5px;margin-top:26px;}
  .pagination__page,
  .pagination__nav{min-width:30px;height:30px;font-size:.84rem;}
}

/* ---- 상품목록 더보기 (모바일 전용) : 기본 숨김 ---- */
.product-more-wrap{display:none;margin-top:14px;}
.product-more{width:100%;height:46px;font-size:.95rem;font-weight:600;color:var(--color-text-default);background:#fff;border:1px solid var(--btn-line-default);border-radius:4px;cursor:pointer;transition:filter .15s;}

@media (max-width:767px){
  .product-more-wrap{display:block;}
}

/* ---- 무료배송 뱃지 - 260825 하유정 ---- */
.pd-gallery .pd-gallery__main {position:relative;overflow:unset;}
.pd-gallery__main .badge-free {top:0;left:0;z-index:2;height:21px;padding:0 4px;font-size:1rem;line-height:20px;letter-spacing:-1px;color:#fff;border:1px solid #cd0111;background:rgba(205,1,17,0.98);}
.pd-gallery .pd-gallery__main .badge-free {height:40px;padding:0 20px;font-size:1.4rem;line-height:40px;font-weight:500;position:absolute;font-family:'NoonnuBasicGothic', sans-serif;}