.theme-pc-section{
    width:1160px;
    margin:0 auto;
    padding:58px 0 8px;
}
.theme-pc-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:22px;
}
.theme-pc-head h2{
    margin:0;
    font-size:30px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.04em;
    color:#111827;
}
.theme-pc-head p{
    margin:9px 0 0;
    font-size:14px;
    line-height:1.45;
    color:#7b8494;
    letter-spacing:-.025em;
}
.theme-pc-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.theme-pc-card{
    position:relative;
    display:block;
    height:238px;
    border-radius:16px;
    overflow:hidden;
    text-decoration:none;
    background:#111827;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
    border:1px solid rgba(226,232,240,.82);
    transform:translateY(0);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.theme-pc-card:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(15,23,42,.13);
    border-color:rgba(91,77,255,.24);
}
.theme-pc-card.tone-1{
    background:#111827;
}
.theme-pc-card.tone-2{
    background:#2f2bbd;
}
.theme-pc-card.tone-3{
    background:#f4f6fb;
}
.theme-pc-card.tone-4{
    background:#1f1245;
}
.theme-pc-bg{
    position:absolute;
    right:8px;
    bottom:0;
    top:0;
    width:52%;
    background-position:right bottom;
    background-size:contain;
    background-repeat:no-repeat;
    transform:scale(1.001);
    transition:transform .35s ease;
    z-index:1;
}
.theme-pc-card:hover .theme-pc-bg{
    transform:scale(1.045);
}
.theme-pc-bg-empty{
    inset:0;
    width:auto;
    right:0;
    background:none !important;
}
.theme-pc-overlay{
    display:none !important;
}
.theme-pc-content{
    position:absolute;
    left:20px;
    top:24px;
    bottom:20px;
    width:53%;
    color:#fff;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.theme-pc-label{
    display:none !important;
}
.theme-pc-content strong{
    display:block;
    font-size:23px;
    line-height:1.18;
    font-weight:900;
    letter-spacing:-.045em;
    color:#fff;
    margin:0 0 10px;
    word-break:keep-all;
}
.theme-pc-content p{
    margin:0;
    min-height:42px;
    font-size:14px;
    line-height:1.5;
    color:rgba(255,255,255,.84);
    letter-spacing:-.025em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:keep-all;
}
.theme-pc-content em{
    display:inline-flex;
    align-items:center;
    margin-top:auto;
    font-style:normal;
    font-size:13px;
    font-weight:800;
    letter-spacing:-.02em;
}
.theme-pc-empty{
    grid-column:1/-1;
    padding:38px 20px;
    border:1px dashed #d9e2f2;
    border-radius:18px;
    background:#f8fafc;
    color:#7b8494;
    text-align:center;
    font-size:14px;
}
.theme-pc-card.theme-text-light .theme-pc-content strong{
    color:#111827;
}
.theme-pc-card.theme-text-light .theme-pc-content p{
    color:#4b5563;
}
.theme-pc-card.theme-text-light .theme-pc-content em{
    color:#5b4dff;
}
.theme-pc-card.theme-text-dark .theme-pc-content strong{
    color:#fff;
}
.theme-pc-card.theme-text-dark .theme-pc-content p{
    color:rgba(255,255,255,.84);
}
.theme-pc-card.theme-text-dark .theme-pc-content em{
    color:#fff;
}
.theme-pc-card.theme-button-dark .theme-pc-content em{
    min-height:32px;
    padding:0 13px;
    border-radius:999px;
    background:#5b4dff;
    color:#fff;
    box-shadow:0 8px 18px rgba(91,77,255,.20);
}
.theme-pc-card.theme-button-light .theme-pc-content em{
    min-height:32px;
    padding:0 13px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#111827;
    box-shadow:0 8px 18px rgba(15,23,42,.13);
}



/* 추천 테마 PC 배경 스타일 9종 */
.theme-pc-card.bg-navy,
.theme-card.bg-navy{
    background:#0B1630;
}
.theme-pc-card.bg-purple,
.theme-card.bg-purple{
    background:#4B3BFF;
}
.theme-pc-card.bg-white,
.theme-card.bg-white{
    background:#F7F8FA;
    border:1px solid #e5e7ef;
}
.theme-pc-card.bg-gray,
.theme-card.bg-gray{
    background:#ECEFF3;
}
.theme-pc-card.bg-black,
.theme-card.bg-black{
    background:#161616;
}
.theme-pc-card.bg-blue,
.theme-card.bg-blue{
    background:#1C5EFF;
}
.theme-pc-card.bg-green,
.theme-card.bg-green{
    background:#16A34A;
}
.theme-pc-card.bg-emerald,
.theme-card.bg-emerald{
    background:#047857;
}
.theme-pc-card.bg-burgundy,
.theme-card.bg-burgundy{
    background:#6D1A36;
}



/* 추천 테마 PC 배경 스타일 9종 - 프론트 강제 적용 */
.theme-pc-card.bg-navy{ background:#0B1630 !important; }
.theme-pc-card.bg-purple{ background:#4B3BFF !important; }
.theme-pc-card.bg-white{ background:#F7F8FA !important; border:1px solid #e5e7ef; }
.theme-pc-card.bg-gray{ background:#ECEFF3 !important; }
.theme-pc-card.bg-black{ background:#161616 !important; }
.theme-pc-card.bg-blue{ background:#1C5EFF !important; }
.theme-pc-card.bg-green{ background:#16A34A !important; }
.theme-pc-card.bg-emerald{ background:#047857 !important; }
.theme-pc-card.bg-burgundy{ background:#6D1A36 !important; }







/* 밝은 배경에서 텍스트/버튼 가독성 유지 */
.theme-pc-card.bg-white.theme-text-light .theme-pc-content strong,
.theme-pc-card.bg-gray.theme-text-light .theme-pc-content strong{
    color:#07162f;
}

.theme-pc-card.bg-white.theme-text-light .theme-pc-content p,
.theme-pc-card.bg-gray.theme-text-light .theme-pc-content p{
    color:#4b5b73;
}



/* 밝은 배경에서 텍스트 가독성 보정 */
.theme-pc-card.bg-white.theme-text-light .theme-pc-content strong,
.theme-pc-card.bg-gray.theme-text-light .theme-pc-content strong{
    color:#07162f;
}

.theme-pc-card.bg-white.theme-text-light .theme-pc-content p,
.theme-pc-card.bg-gray.theme-text-light .theme-pc-content p{
    color:#4b5b73;
}



/* 추천 테마 PC - 샘플형 분리 레이아웃 재구성 */
.theme-pc-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    align-items:stretch;
}

.theme-pc-card.theme-pc-card-split{
    position:relative;
    display:flex !important;
    align-items:stretch;
    justify-content:space-between;
    min-height:176px;
    height:176px;
    padding:18px 14px 16px 16px;
    overflow:hidden;
    border-radius:14px;
    text-decoration:none;
    box-sizing:border-box;
}

.theme-pc-card.theme-pc-card-split .theme-pc-overlay,
.theme-pc-card.theme-pc-card-split .theme-pc-bg,
.theme-pc-card.theme-pc-card-split .theme-pc-content{
    display:none !important;
}

.theme-pc-card.theme-pc-card-split .theme-pc-text{
    position:relative;
    z-index:3;
    width:49%;
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
}

.theme-pc-card.theme-pc-card-split .theme-pc-text strong{
    display:block;
    width:100%;
    font-size:19px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:-.05em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.theme-pc-card.theme-pc-card-split .theme-pc-text p{
    margin:10px 0 0;
    width:100%;
    font-size:13px;
    line-height:1.45;
    font-weight:700;
    letter-spacing:-.035em;
    white-space:pre-line;
    word-break:keep-all;
}

.theme-pc-card.theme-pc-card-split .theme-pc-text em{
    margin-top:auto;
    height:30px;
    min-width:76px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    font-weight:900;
    font-style:normal;
    letter-spacing:-.035em;
    white-space:nowrap;
}

.theme-pc-card.theme-pc-card-split .theme-pc-visual{
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    width:54%;
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    pointer-events:none;
}

.theme-pc-card.theme-pc-card-split .theme-pc-visual img{
    display:block;
    max-width:112%;
    max-height:96%;
    object-fit:contain;
    object-position:right bottom;
    transform:translate(2px, 0);
}

/* 배경 스타일 9종 */
.theme-pc-card.bg-navy{ background:#0B1630 !important; }
.theme-pc-card.bg-purple{ background:#4B3BFF !important; }
.theme-pc-card.bg-white{ background:#F7F8FA !important; border:1px solid #e5e7ef; }
.theme-pc-card.bg-gray{ background:#ECEFF3 !important; }
.theme-pc-card.bg-black{ background:#161616 !important; }
.theme-pc-card.bg-blue{ background:#1C5EFF !important; }
.theme-pc-card.bg-green{ background:#16A34A !important; }
.theme-pc-card.bg-emerald{ background:#047857 !important; }
.theme-pc-card.bg-burgundy{ background:#6D1A36 !important; }

/* 텍스트 스타일 */
.theme-pc-card.theme-text-dark .theme-pc-text strong{ color:#fff; }
.theme-pc-card.theme-text-dark .theme-pc-text p{ color:rgba(255,255,255,.88); }
.theme-pc-card.theme-text-light .theme-pc-text strong{ color:#07162f; }
.theme-pc-card.theme-text-light .theme-pc-text p{ color:#4b5b73; }

/* 버튼 스타일 */
.theme-pc-card.theme-button-light .theme-pc-text em{
    background:#fff;
    color:#07162f;
    box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.theme-pc-card.theme-button-dark .theme-pc-text em{
    background:#5B4DFF;
    color:#fff;
    box-shadow:0 8px 18px rgba(91,77,255,.25);
}

@media(max-width:900px){
    .theme-pc-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:560px){
    .theme-pc-grid{
        grid-template-columns:1fr;
    }
}



/* 추천 테마 PC 바로가기 텍스트 링크형 */
.theme-pc-card .theme-pc-text em,
.theme-pc-card .theme-pc-content em{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    min-width:auto !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    font-style:normal !important;
    letter-spacing:-.035em !important;
    text-decoration:none !important;
}

.theme-pc-card.theme-text-dark .theme-pc-text em,
.theme-pc-card.theme-text-dark .theme-pc-content em{
    color:rgba(255,255,255,.92) !important;
}

.theme-pc-card.theme-text-light .theme-pc-text em,
.theme-pc-card.theme-text-light .theme-pc-content em{
    color:#5B4DFF !important;
}

.theme-pc-card:hover .theme-pc-text em,
.theme-pc-card:hover .theme-pc-content em{
    transform:translateX(3px);
    transition:transform .18s ease;
}


/* 추천 테마별 PC 상단 간격 축소 */
.theme-pc-section{
    margin-top:40px !important;
    padding-top:0 !important;
}



/* 추천 테마별 PC 설명 제거 후 헤더 간격 정리 */
.theme-pc-head{
    margin-bottom:16px !important;
}
.theme-pc-head p{
    display:none !important;
}