@import url("../../../css/pliki.css");
/* [pliki 테마] 명품관 */
#ctt { padding: 0 0 50px; }
#ctt > header { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
/* 히어로 */
.pk-lx-hero { background: linear-gradient(120deg, #2b1f1c 0%, #5a4038 55%, #8a6a5c 100%); color: #fff; }
.pk-lx-hero-in { display: grid; grid-template-columns: 1fr 460px; align-items: center; gap: 40px; min-height: 340px; padding-top: 30px; padding-bottom: 30px; }
.pk-lx-hero-txt .lx-eyebrow { font-size: 15px; font-weight: 600; opacity: .85; margin-bottom: 10px; }
.pk-lx-hero-txt h2 { font-size: 38px; font-weight: 800; letter-spacing: -1.2px; line-height: 1.25; }
.pk-lx-hero-txt .lx-sub { margin-top: 18px; font-size: 14px; opacity: .85; }
.pk-lx-brands { margin-top: 6px; font-size: 14px; font-weight: 600; letter-spacing: .04em; }
.pk-lx-brands i { font-style: normal; opacity: .5; margin: 0 4px; }
.pk-lx-collage { position: relative; height: 260px; }
.pk-lx-collage span { position: absolute; width: 150px; height: 210px; background: #333 center/cover no-repeat; border-radius: 6px; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.pk-lx-collage .c1 { left: 0; top: 0; } .pk-lx-collage .c2 { left: 150px; top: 30px; } .pk-lx-collage .c3 { left: 300px; top: 10px; }
/* 인트로 2열 */
.pk-lx-intro { display: grid; grid-template-columns: 340px 1fr; gap: 40px; align-items: center; padding-top: 60px; padding-bottom: 50px; border-bottom: 1px solid var(--line); }
.pk-lx-intro h3 { font-size: 26px; font-weight: 800; letter-spacing: -0.8px; color: #5a3d33; }
.pk-lx-intro p { font-size: 14.5px; line-height: 1.9; color: #555; }
/* 브랜드 탭 */
.pk-lx-tabs { display: flex; justify-content: center; gap: 26px; padding: 34px 0 22px; }
.pk-lx-tabs a { font-size: 14px; font-weight: 700; color: #333; display: inline-flex; align-items: center; gap: 6px; letter-spacing: .04em; }
.pk-lx-tabs li.on a { color: #7a3b2e; }
.pk-lx-tabs li.on a i { width: 5px; height: 5px; border-radius: 50%; background: #c0392b; }
/* 풀폭 컬렉션 배너 */
.pk-lx-cols { display: flex; flex-direction: column; gap: 14px; }
.pk-lx-col { display: flex; align-items: flex-end; justify-content: center; min-height: 340px; border-radius: 4px; overflow: hidden; position: relative; background: #222 center/cover no-repeat; }
.pk-lx-col::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.05) 60%); }
.pk-lx-col .txt { position: relative; text-align: center; color: #fff; padding: 0 20px 30px; }
.pk-lx-col small { display: block; font-size: 11px; letter-spacing: .25em; opacity: .85; }
.pk-lx-col b { display: block; font-size: 24px; font-weight: 700; letter-spacing: .06em; margin: 6px 0 8px; }
.pk-lx-col em { display: block; font-style: normal; font-size: 13px; opacity: .9; }
/* 컬렉션 상세 */
.pk-lx-dhero { height: 300px; background: #2b1f1c center/cover no-repeat; position: relative; display: flex; align-items: flex-end; color: #fff; margin-bottom: 28px; }
.pk-lx-dhero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.1)); }
.pk-lx-dhero .inner { position: relative; padding-bottom: 26px; }
.pk-lx-dhero small { display: block; font-size: 12px; letter-spacing: .25em; opacity: .85; }
.pk-lx-dhero b { display: block; font-size: 30px; font-weight: 800; letter-spacing: -0.5px; margin-top: 4px; }
.pk-lx-subtabs { display: flex; justify-content: center; gap: 26px; flex-wrap: wrap; padding: 6px 0 30px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.pk-lx-subtabs a { display: block; text-align: center; }
.pk-lx-subtabs .av { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--bg-thumb) center/cover no-repeat; margin: 0 auto 8px; font-size: 12px; font-weight: 800; border: 2px solid transparent; }
.pk-lx-subtabs .av.all { background: var(--bg-soft); }
.pk-lx-subtabs li.on .av { border-color: #111; }
.pk-lx-subtabs em { font-style: normal; font-size: 12.5px; font-weight: 600; color: #333; }
.pk-lx-grid .pk-card-badges .lx { background: #eef6ff; color: #2a6fd6; font-weight: 700; }
.pk-lx-back { text-align: center; margin-top: 30px; }
.pk-lx-back a { font-size: 13px; color: var(--gray); }
@media (max-width: 1024px) { .pk-lx-hero-in { grid-template-columns: 1fr; } .pk-lx-collage { display: none; } .pk-lx-intro { grid-template-columns: 1fr; gap: 14px; } }
@media (max-width: 768px) {
    .pk-lx-hero-txt h2 { font-size: 27px; }
    .pk-lx-tabs { gap: 16px; flex-wrap: wrap; }
    .pk-lx-col { min-height: 220px; } .pk-lx-col b { font-size: 19px; }
    .pk-lx-dhero { height: 200px; } .pk-lx-dhero b { font-size: 22px; }
    .pk-lx-subtabs { gap: 14px; } .pk-lx-subtabs .av { width: 50px; height: 50px; }
}