/* BASIC css start */
/* 영상자료 없는 상품 버튼 지우기 : 상품별 라벨속성 다름(Sapling rain cover: 2번~ 역순)주의: 상품이 추가되면 라벨속성 변동!! 수동으로 속성값 바꾸줘야 함!!!  */
/*영상으로 확인하기 버튼 (24:Thule Glide 3 / 11:Thule Yepp Nexxt 2 maxi Rack / 10:Thule Yepp Nexxt 2 maxi Frame mount / 9:Thule RideAlong 2 Rack ) */
label[for="vm-24"],label[for="vm-11"],label[for="vm-10"],label[for="vm-9"], 
/*모달 Thule Life 버튼 (tab4-2:Sapling rain cover ~ tab4-26:Thule Urban Glide 3 double ) */
label[for="tab4-26"],label[for="tab4-23"],label[for="tab4-21"],label[for="tab4-15"],label[for="tab4-14"],label[for="tab4-13"],label[for="tab4-12"],label[for="tab4-8"],label[for="tab4-7"],  
label[for="tab4-6"],label[for="tab4-5"],label[for="tab4-3"],label[for="tab4-2"]
{display:none !important;}

.prds--engname {display:none !important;}
.prds--name {-webkit-line-clamp: inherit!important;}


html.modal-open{overflow:hidden;}

.detail-top { margin-top: 45px;height: 500px; display: flex; align-items: center; justify-content: center;}
.detail-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: #fff; font-size: clamp(40px,4vw,56px); font-weight: 700; white-space: nowrap; }
.inner {max-width: 1828px; margin: 0 auto; }
.container {
    margin-top: 0px;
}
.prds--image.mob{display:none;}

.full-wrapper{max-width:none;--bs-gutter-x:var(--cw-size-48);}

.shopbrand-header__title .category-count{display:flex;align-items:center;justify-content:center;height:var(--cw-size-24);padding:0 var(--cw-size-12) 0 var(--cw-size-30);border:1px solid var(--cw-color-30);border-radius:999px;font-size:var(--cw-size-12);font-weight:400;background:url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center/14px;}
.shopbrand-header__title .category-count.count-on{background-image:url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg');}

.shopbrand-header{position:sticky;z-index:99;top:0;background-color:var(--cw-color-white);}
.shopbrand-header__title{font-size:var(--cw-size-40);}

.shopbrand-header__nav-wrapper{position:sticky;top:0px;margin-left:calc(-0.5 * var(--bs-gutter-x));margin-right:calc(-0.5 * var(--bs-gutter-x));background-color:#EFF1F1;padding-top:50px;transition:padding .2s ease;}
.shopbrand-header__nav-wrapper.is-sticky{padding-top:60px;}
.shopbrand-header__nav-wrapper.on{padding-bottom:var(--cw-size-40);}

@media(max-width:768px){
.shopbrand-header__nav-wrapper{top:50px;padding-top:0;}
.shopbrand-header__nav-wrapper.is-sticky{padding-top:50px;}
}


.shopbrand-header__nav--depth1{background-color:#EFF1F1;}
.shopbrand-header__nav--depth2{background-color:#FEFEFE;border-bottom:1px solid var(--cw-color-20);}

.shopbrand-header__nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,20px);padding:0 calc(0.5 * var(--bs-gutter-x));margin:0;height:var(--cw-size-48);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-left:calc(0.5 * var(--bs-gutter-x));scroll-padding-right:calc(0.5 * var(--bs-gutter-x));}
.shopbrand-header__nav::-webkit-scrollbar{display:none;}
.shopbrand-header__nav.is-overflow{justify-content:flex-start;}

.shopbrand-header__nav li{flex:0 0 auto;display:flex;align-items:center;white-space:nowrap;padding:var(--cw-size-10) 0;}
.shopbrand-header__nav li>a{display:inline-block;padding:0 var(--cw-size-12);font-size:var(--cw-size-14);line-height:var(--cw-size-20);color:var(--bs-gray01);white-space:nowrap;}

.shopbrand-header__nav li.active{margin-bottom:-1px;border-bottom:var(--cw-size-3) solid #303030;}
.shopbrand-header__nav li.active>a{font-weight:700;color:#303030;}

.shopbrand-header__nav + .shopbrand-header__nav__s{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(15px,2vw,32px);padding:0 calc(0.5 * var(--bs-gutter-x));margin:0;height:var(--cw-size-40);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-left:calc(0.5 * var(--bs-gutter-x));scroll-padding-right:calc(0.5 * var(--bs-gutter-x));}
.shopbrand-header__nav + .shopbrand-header__nav__s::-webkit-scrollbar{display:none;}
.shopbrand-header__nav + .shopbrand-header__nav__s.is-overflow{justify-content:flex-start;}

.shopbrand-header__nav + .shopbrand-header__nav__s li{flex:0 0 auto;padding:0;}
.shopbrand-header__nav + .shopbrand-header__nav__s li a{display:inline-block;padding:var(--cw-size-16) 0;font-size:var(--cw-size-14);line-height:var(--cw-size-20);color:var(--cw-color-80);white-space:nowrap;}
.shopbrand-header__nav--depth2 li.active{margin-bottom:-1px;border-bottom:var(--cw-size-3) solid #303030;}
.shopbrand-header__nav--depth2 li.active>a{font-weight:700;color:#303030;}

.shopbrand-header__nav li a:hover,.shopbrand-header__nav + .shopbrand-header__nav__s li a:hover{color:#303030; }

.shopbrand-header__nav__s:not(:has(li))+ .shopbrand-header__nav{display:none;}
.shopbrand-header__nav__s .btn-arr{display:none;}

@media(max-width:768px){.shopbrand-header__nav{gap:0;}}

.category-title { padding: var(--cw-size-48) 0; }
.category-title img { max-width: 100%; }
.best-wrapper { margin-top: var(--cw-size-48); }
.best-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.best-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.best-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.best-wrapper .title-btns a.disable { opacity: .3; }
.best-wrapper .best-scrollbar { display: none; }
.recmd-wrapper { margin-top: var(--cw-size-48); }
.recmd-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.recmd-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.recmd-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.recmd-wrapper .title-btns a.disable { opacity: .3; }
.recmd-wrapper .recmd-scrollbar { display: none; }
.promotion-wrapper { margin-top: var(--cw-size-48); }
.promotion-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.promotion-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.promotion-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.promotion-wrapper .title-btns a.disable { opacity: .3; }
.promotion-wrapper .promotion-scrollbar { display: none; }
.products-wrapper { padding-top: var(--cw-size-60); padding-bottom: var(--cw-size-60);  gap: 40px; min-height:50svh;}
.products-wrapper .prds-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.products-wrapper .prds-title h2 { font-weight: 400; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-heading-color); }
.products-wrapper .prds-title strong { font-weight: 700; }
.products-wrapper .prds-title .cw-select-box { min-width: var(--cw-size-100); }
.products-wrapper .prds-title .thumbnail-type { display: flex; flex-wrap: wrap; align-items: center; }
.products-wrapper .prds-title .thumbnail-type .type::before { content: ""; display: inline-block; width: 1px; height: var(--cw-size-14); margin: 0 var(--cw-size-16); background-color: var(--cw-color-30); vertical-align: middle; }
.products-wrapper .prds-list.list { display: flex; flex-direction: column; gap: 40px; }
.products-wrapper .prds-list.gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-20); margin-top: var(--cw-size-60); }
.products-wrapper :where(.prds-list.list, .prds-list.gallery):first-of-type { margin-top: 0 !important; }
.products-wrapper .prds-btn { margin-top: var(--cw-size-60); text-align: center; }
.products-wrapper .prds-btn a { width: var(--cw-size-300); height: var(--cw-size-46); line-height: var(--cw-size-46); }
.products-wrapper .list-none { margin-top: var(--cw-size-120); text-align: center; }
.products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-8); }
.products-wrapper.upper .prds-title a img { max-width: 100%; }
.products-wrapper.upper .prds-title h2 { font-size: var(--cw-size-18); line-height: var(--cw-size-26); }
.products-wrapper.upper .prds-title .thumbnail-type { width: 100%; justify-content: flex-end; }
.products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-120); }



@media (max-width: 991.98px) {
    .category-title { padding: var(--cw-size-40) 0; }
    .best-wrapper { margin-top: var(--cw-size-40); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .recmd-wrapper { margin-top: var(--cw-size-40); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .promotion-wrapper { margin-top: var(--cw-size-40); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .products-wrapper { padding-top: var(--cw-size-50); }
    .products-wrapper .prds-title { margin-bottom: var(--cw-size-12); }
    .products-wrapper .prds-list.list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--cw-size-20); margin-top: var(--cw-size-20); }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-16); }
    .products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-4); }
    .header-container--md .navi-title { display: flex; gap: 8px; }
    .header-container--md .navi-title .category-count { display: flex; align-items: center; justify-content: center; height: var(--cw-size-24); padding: 0 var(--cw-size-12) 0 var(--cw-size-30); border: 1px solid var(--cw-color-30); border-radius: 999px; font-size: var(--cw-size-12); font-weight: 400; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center / 14px; }
    .header-container--md .navi-title .category-count.count-on { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg'); }
    .products-wrapper .list-none { text-align: center; }
}

@media (max-width: 767.98px) {
    .detail-top { height: 345px; }

    .category-title { padding: var(--cw-size-32) 0; }
    .best-wrapper { margin-top: var(--cw-size-32); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .best-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .best-wrapper .title-btns .best-btn { display: none; }
    .best-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .best-wrapper .best-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .recmd-wrapper { margin-top: var(--cw-size-32); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .recmd-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .recmd-wrapper .title-btns .recmd-btn { display: none; }
    .recmd-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .recmd-wrapper .recmd-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .promotion-wrapper { margin-top: var(--cw-size-32); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .promotion-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .promotion-wrapper .title-btns .promotion-btn { display: none; }
    .promotion-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .promotion-wrapper .promotion-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-8); margin-top: var(--cw-size-40); }
    .products-wrapper .prds-btn a { width: 100%; }
    .products-wrapper.upper .prds-title { margin-bottom: var(--cw-size-8); }
    .products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-80); }
}


.container {background-color: #EFF1F1;}
.abcd span {display:inline-block; width:40px; height:40px; border:1px solid #dddddd;border-radius: 0.3em;}
    
.product-layout { display:grid; grid-template-columns:1fr 1.5fr 1.8fr; min-height: 620px; }

.prd-left { display:flex; flex-direction:column; justify-content:space-between; }

.item-links { margin-top:24px; }
.item-links .item-link { display:flex; align-items:center; justify-content:space-between; padding:5% 0; border-bottom:1px solid #E5E5E5; font-size:16px; color:#3A3A3A; text-decoration:none; cursor:pointer; }
.item-links .item-link span { display:inline-block; font-size: clamp(16px, 2vw, 18px); line-height: clamp(16px, 2vw, 18px);; }
.item-links .item-link svg { width:clamp(20px, 2vw, 24px); height:clamp(20px, 2vw, 24px); flex-shrink:0; }
.item-links .item-link:hover { color: #000000;}
.item-link:hover svg path{stroke-width:2;}

.prd-right { display: grid; grid-template-columns: 1fr 1fr; }
.prds--wrap { flex:1; display:flex; flex-direction:column; }
.right-info { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 20px;}
.spec-list {display: flex; flex-direction: column; justify-content:space-between; height: 100%; gap: 15px; }
.spec-list .spec-row dt, .spec-list .spec-row dd { font-size: var(--cw-size-16)}
.spec-list .spec-row dd { color:var(--bs-gray03); }

.btn-mlog>a>span { min-width: 100px; }
.btn-mlog>a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 15px; border-radius: 5px; text-align: center; font-weight: 600;}
.btn-wrap { display:flex; align-self: flex-end; gap: 10px; justify-content: end;}

.CSSbuttonWhite { border: 1.5px solid #A0A0A0; color: #5D5D5D;}
.CSSbuttonWhite:hover { color:#FEFEFE; background:#A0A0A0; }


@media (max-width: 1600px) {
    .prd-right { display:flex; flex-direction:column; gap: 20px;}
    .product-layout { min-height: 0; }
}

/* 1280px ~ 1600px */
@media (min-width:1280px) and (max-width:1600px) {
    .spec-list { display: grid;  grid-template-columns: 1fr 1fr; gap: 20px 0px; }
    .spec-list .spec-row:nth-child(-n+3) {grid-column: 1 / -1;}
    .spec-list .spec-row:nth-child(n+4) { display: flex;flex-direction: column;gap: 6px; }
}

@media (max-width: 1280px) {
    .prds--image.mob {display:flex;aspect-ratio: initial; margin-top:20px; max-width:none;}
    .prds--image.pc {display:none;}
    .product-layout {display:flex; justify-content:space-bewteen;}
    .item-links .item-link { padding: 3% 0; }
    .right-info { height: auto; }
    .abcd span { width: 25px; height:25px; border-radius: 0.1rem; }
    .prds--subname {margin-top:0px !important; }
    .spec-list { margin-top:20px;}
}
@media (max-width: 960px) {
    .product-layout {flex-direction: column;}
    .prds-list--item {padding: 30px 40px;gap: 30px;}
    .prds--image.mob img {max-height: 350px;}
    .spec-list { display: grid;  grid-template-columns: 1fr 1fr; gap: 20px 0px; margin-top:0px;}
    .spec-list .spec-row:nth-child(-n+3) {grid-column: 1 / -1;}
    .spec-list .spec-row:nth-child(n+4) { display: flex;flex-direction: column;gap: 6px; }
    /*.right-info { text-align:center;}
    .item-links .item-link { padding: 5% 6%; background-color: #f5f5f5; border:none; border-radius: 0.5rem;}
    */
    .item-links {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin-top:15px; margin-top:15px;}
    .item-links .item-link { padding: 5% 0; justify-content: center; gap: 5px; background-color: #f5f5f5;border-radius: 0.5rem;}
    .btn-wrap {width: 100%;}
    .btn-wrap a {width: 100%;}
    .btn-wrap .btn-mlog {width:100%;}
    /*.item-link:first-child {grid-column: 1 / -1;padding: 3% 0; justify-content:start; gap: 10px; }*/
    .item-links .item-link span.mob-none {display:none;}
}
@media (max-width: 480px) {
    .item-links .item-link { padding: 7% 0%; }
    .item-links .item-link span { font-size: 16px; }
    .prds-list--item { padding: 30px 20px; gap:15px;}
    .prds--name {font-size: 25px !important; line-height:30px !important; margin-bottom: 10px; letter-spacing:-1px;}
    .prds--name.tech { font-size: 23px; }
    .right-info {gap:5px;}
    .spec-list { margin-top: 10px;padding: 0 2px;}
    .btn-mlog>a {padding: 10px 0;}
}


/* modal-open 이 붙은 동안만 클리핑 해제 */
.modal-open [data-aos],
.modal-open #wrap,
.modal-open #contentWrapper,
.modal-open #contentWrap,
.modal-open #content,
.modal-open .page-body,
.modal-open .best_sec,
.modal-open .best_sec_inner,
.modal-open .item-wrap,
.modal-open .shopbrand_item_wrap,
.modal-open .item_list{
  overflow:visible !important;
  transition:none !important;
  animation:none !important;
  transform:none !important;
}


/* 모달 */
.modal{position:fixed;inset:0;display:none;z-index:500;}
.vm-toggle:checked~.modal{display:block;}
.modal .overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);}

.vm-toggle{ position:absolute; opacity:0; pointer-events:none; }
.modal-inner::-webkit-scrollbar{display:none;}

.modal .dialog{position:fixed;left:50%;top:53%;transform:translate(-50%,-50%);width:min(90vw,1080px);height:min(85vh,900px);background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;}
.modal .modal-head{position:sticky;top:-10px;z-index:60;display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 0;background:#fff;}
.modal .modal-head .close{position:static;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:end;font-size:25px;font-weight:700;cursor:pointer;}
.modal-inner{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:20px 60px;gap:16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.modal-inner .prds--name{overflow:visible;font-size: var(--cw-size-40);}

.modal .vm-main .frame{adding-top:0;aspect-ratio:16/9;height:auto;max-height:clamp(180px,36vh,340px);border-radius:10px;overflow:hidden;background:#fff;}
.modal .vm-main .frame iframe{position:absolute;inset:0;width:100%;height:100%;}


.vtab{ position:absolute; opacity:0; pointer-events:none; }
.vtab + .panel{ display:none; }
.vtab:checked + .panel{ display:block; }

/* 사이드/메인 레이아웃 */
.vm-wrap{ display:grid; grid-template-columns:130px 1fr; gap:24px; align-items:start; }
.vm-side{ display:flex; flex-direction:column; padding:8px 0; }
.side-item{ display:flex; align-items: center; border-radius:10px; cursor:pointer; color: #A7A7A7; padding: 13px 0; }
.side-item:hover { color: var(--cw-point-color-pri); font-weight: 600px; } 

.vm-main{ width:100%; max-height: 390px;
    overflow: hidden;
    border-radius: 10px;}
.yt-slider { display:flex; overflow-x:auto; width:100%; scroll-behavior:auto; padding: 10px; flex-wrap:nowrap; gap:24px; -ms-overflow-style:none; scrollbar-width:none; cursor: grab; user-select: none; transition: none;}
.yt-slider.dragging { cursor: grabbing; }
.yt-slider.active { cursor: grabbing; scroll-behavior: auto; }
.yt-slider::-webkit-scrollbar { display:none; }
.yt-another { font-size: var(--cw-size-16); font-weight:600; margin-bottom: 10px;border-top: 1px solid #303030;padding-top: 10px;}
.yt-item { min-width:260px; flex-shrink:0; }
.yt-item a { display:block; text-decoration:none; color:#444; pointer-events: none; }
.yt-slider:not(:active) .yt-item a { pointer-events: auto; }
.yt-item .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;background:#d7d7d7;background-size:cover;background-position:center;background-repeat:no-repeat;}
.yt-title { margin-top:6px; font-size:14px; color:#333; }
.yt-wrap{display:flex; flex-direction:column; padding-left:155px;margin-top:4px;}


/* 선택된 탭 하이라이트 */
.vm-wrap:has(.vtab[id^="tabAll-"]:checked)   .vm-side label[for^="tabAll-"],
.vm-wrap:has(.vtab[id^="tabGuide-"]:checked) .vm-side label[for^="tabGuide-"],
.vm-wrap:has(.vtab[id^="tab1-"]:checked)     .vm-side label[for^="tab1-"],
.vm-wrap:has(.vtab[id^="tab2-"]:checked)     .vm-side label[for^="tab2-"],
.vm-wrap:has(.vtab[id^="tab3-"]:checked)     .vm-side label[for^="tab3-"],
.vm-wrap:has(.vtab[id^="tab4-"]:checked)     .vm-side label[for^="tab4-"]{
  color: var(--cw-point-color-pri);
  font-weight: 600;
}

/* 프레임(16:9) */
.frame{ position:relative; width:100%; padding-top:56.25%; border-radius:1rem; overflow:hidden; background:#000; }
.frame iframe{ position:absolute; inset:0; width:100%; height:100%; z-index:550;}
.frame .yt-thumb {position:absolute; inset:0; background-size:cover;background-position:center; background-repeat:no-repeat; z-index:0;}
.play-overlay { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background:rgba(255,255,255,0.85); display:flex; justify-content:center; align-items:center; cursor:pointer; border:none; z-index:10;}
.play-overlay::before { content:""; width:0; height:0; border-left:20px solid #000; border-top:12px solid transparent; border-bottom:12px solid transparent;}

/* 포커싱 공통 스타일 */
.yt-item { min-width:260px; flex-shrink:0;transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;}
.yt-item { opacity: .6; }
.yt-item.is-active { opacity: 1; transform: scale(1.03);}

/* 포커싱된 썸네일 강조 */
.yt-item.is-active .thumb { outline: 2px solid var(--cw-point-color-pri); outline-offset: 2px;}
.yt-item.is-active .yt-title { color: var(--cw-point-color-pri);font-weight: 600;}
.prds-list--item .prds--image { border-radius: 10px !important;}
.prds--name {font-family: "Helvetica Neue", Helvetica, Arial, system-ui,  -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
@media(max-width:768px){
  .modal .dialog{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);width:90%;height:auto;border-radius:20px;}
  .modal .modal-head {padding: 8px 0 3px;}
  .modal-inner .prds--name {font-size:26px;}
  .modal-inner{padding:10px 20px;gap:5px;}
  .vm-wrap{display:flex;flex-direction:column;gap:14px;}
  .vm-side{position:static;display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:0 2px;-ms-overflow-style:none;scrollbar-width:none;}
  .vm-side::-webkit-scrollbar{display:none;}
  .side-item{white-space:nowrap;flex:0 0 auto;padding:5px 12px;border:1px solid #e7e7e7;background:#fff;font-size:16px;}
  .yt-wrap {padding-left:0;}
  .vm-wrap:has(.vtab[id^="tabAll-"]:checked)   .vm-side label[for^="tabAll-"],
  .vm-wrap:has(.vtab[id^="tabGuide-"]:checked) .vm-side label[for^="tabGuide-"],
  .vm-wrap:has(.vtab[id^="tab1-"]:checked) .vm-side label[for^="tab1-"],
  .vm-wrap:has(.vtab[id^="tab2-"]:checked) .vm-side label[for^="tab2-"],
  .vm-wrap:has(.vtab[id^="tab3-"]:checked) .vm-side label[for^="tab3-"],
  .vm-wrap:has(.vtab[id^="tab4-"]:checked) .vm-side label[for^="tab4-"] {
    background: var(--cw-point-color-pri);
    color: #fff;
    border-color: var(--cw-point-color-pri);
    font-weight: 400;
  }
  .yt-another {margin-bottom: 5px;}
  .vm-main .frame { max-width: 100%;border-radius: 14px;}
  .yt-item { min-width: 200px;}
}

/* 상품 준비중 글씨 */
.list-none{padding:80px 16px;text-align:center;color:#666;font-size:16px;}

/* BASIC css end */