img{
    max-width: 100%;
}
.mb-6{margin-bottom: 2rem}
.pb-6{padding-bottom: 2rem}
.pb-7{padding-bottom: 5rem}
.like_btn input {
    pointer-events: none;
}
.item_img{border-radius: 0.6rem}
.link.selected {
    background-color: #0d6efd;
    color: #fff;
    font-weight: bold;
}
.text-right{text-align: right}
.tit_1{font-size: 1.8rem; font-weight: bold; padding-bottom: 2rem}

#img_modal1{
    display: none;
}

#img_modal2{
    display: none;
}

.img_modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #333;
    z-index: 999;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}
.modal-header2{
    background: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    justify-content: center;
    top: 20px;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
}
#evaluation-img2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mySwiper2{
    padding-top: 20px;
    /*width: 80%*/
}
#photo-swiper .swiper-pagination {
    position: absolute;
    bottom: 0.5em;
    color: #333;
    font-weight: 300;
}

.modal-close {
    cursor: pointer;
}

/* 네비 버튼 */
#photo-swiper .swiper-button-next,
#photo-swiper .swiper-button-prev {
    color: #333333;
}
.ps_txt{font-size: 1.2rem; color: var(--gray-400)}
.photo{position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color:#f5f5f5; padding-bottom: 0}
.swiper .swiper-slide .photo-img{object-fit: contain;}
/* ✅ 확대/이동 정상 동작에 필수 */
.swiper-slide { overflow: hidden; }

.swiper-zoom-container {
    width: 100%; height: 100%;

    touch-action: none;           /* 제스처 브라우저 기본동작 차단 */
    cursor: grab;
}
.swiper-zoom-container:active { cursor: grabbing; }


/* ✅ 확대/팬의 실제 타깃 */
.swiper-zoom-target {
    width: 100%; height: 100%;
    object-fit: contain;
    -webkit-user-drag: none;
    user-select: none;
    display: block;
}

/* ✅ 페이징이 터치를 넓게 가로채지 않도록 */
.swiper-pagination { pointer-events: none; }
.swiper-pagination .swiper-pagination-bullet { pointer-events: auto; }

.badge.type{position: absolute;
    top: 1rem;
    left: 1.3rem;
    background: rgba(0,0,0,0.5);
    padding: 1rem 1.5rem;
    z-index: 10;
}

.swiper-initialized .swiper-button-next:after, .swiper-initialized .swiper-button-prev:after{font-size:22px; font-weight:300; color:#fff}
#photo-swiper .badge.type{ top:0rem; left:0rem; width:100%; border-radius: 0px;     font-size: 1.6rem;     font-weight: 400; padding:1.5rem 0.5rem}

.dd{position:relative; max-width:120px; width:100%}
.dd-trigger{width:100%; padding:8px 12px; border:1px solid #ddd; border-radius:8px; background:#fff; text-align:left}
.dd-panel{position:absolute; z-index:1000; top:calc(100% + 4px); left:0; right:0; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,.08)}
.dd-list{max-height:240px; overflow-y:auto}
.dd-item{display:block; width:100%; padding:8px 12px; background:transparent; border:0; text-align:left; cursor:pointer}
.dd-item:hover, .dd-item[aria-selected="true"]{background:#f5f5f5}
.photo-plus{
    font-size: 40px;
    color: #fff;
    background: #1c1c1c1c;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.filter_brand{overflow: auto; height: calc(100vh - 140px)}
.title-position{position: absolute; text-align: center; max-width: 550px; width: 100%; z-index: -1}
.home-btn{width: 25px; background: none; border: none;}