/* MSC Category Tabs v3 — Image Tabs */

.msc-ct-wrapper { margin:30px 0; font-family:inherit; }

/* TABS */
.msc-ct-tabs { list-style:none; margin:0 0 -1px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.msc-align-center .msc-ct-tabs { justify-content:center; }
.msc-align-right  .msc-ct-tabs { justify-content:flex-end; }

.msc-ct-tab {
    background: var(--msc-tab-bg,#f5e6e8);
    color: var(--msc-tab-text,#7b4f52);
    border: 1px solid transparent;
    border-radius: var(--msc-tab-radius,30px);
    padding: var(--msc-tab-pv,10px) var(--msc-tab-ph,22px);
    font-size: var(--msc-tab-fs,14px);
    font-weight: var(--msc-tab-fw,600);
    cursor: pointer;
    transition: background .2s, color .2s, transform .15s, box-shadow .2s;
    display: inline-flex; align-items: center; gap: 7px;
    white-space: nowrap; line-height: 1;
}
.msc-ct-tab:hover { background:var(--msc-tab-hover-bg,#e8c8cb); color:var(--msc-tab-hover-text,#5a3538); transform:translateY(-2px); }
.msc-ct-tab.active { background:var(--msc-tab-active-bg,#c9848a); color:var(--msc-tab-active-text,#fff); box-shadow:0 4px 14px rgba(201,132,138,.35); transform:translateY(0); }

.msc-tab-icon img { width:26px; height:26px; border-radius:50%; object-fit:cover; display:block; }
.msc-count { font-size:.82em; opacity:.65; }

/* underline style */
.msc-style-underline .msc-ct-tab { background:transparent; border:none; border-bottom:3px solid transparent; border-radius:0; }
.msc-style-underline .msc-ct-tab.active { background:transparent; border-bottom-color:var(--msc-tab-active-bg,#c9848a); color:var(--msc-tab-active-bg,#c9848a); box-shadow:none; }

/* box style */
.msc-style-box .msc-ct-tab { border-radius:8px 8px 0 0; border:1px solid var(--msc-content-border,#e8c8cb); border-bottom:none; }
.msc-style-box .msc-ct-tab.active { background:var(--msc-tab-active-bg,#c9848a); border-color:var(--msc-tab-active-bg,#c9848a); box-shadow:none; }

/* PANEL */
.msc-ct-panel {
    display: none;
    background: var(--msc-content-bg,#fffaf9);
    border: 1px solid var(--msc-content-border,#e8c8cb);
    border-radius: 0 12px 12px 12px;
    padding: 28px;
    animation: mscFadeIn .3s ease;
}
.msc-align-center .msc-ct-panel,
.msc-align-right  .msc-ct-panel { border-radius:12px; }
.msc-ct-panel.active { display:block; }
@keyframes mscFadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

/* GRID */
.msc-ct-grid { display:grid; gap:16px; }
.msc-cols-2 { grid-template-columns:repeat(2,1fr); }
.msc-cols-3 { grid-template-columns:repeat(3,1fr); }
.msc-cols-4 { grid-template-columns:repeat(4,1fr); }
.msc-cols-5 { grid-template-columns:repeat(5,1fr); }
.msc-cols-6 { grid-template-columns:repeat(6,1fr); }
.msc-hidden-card { display:none !important; }

/* IMAGE CARD */
.msc-ct-card {
    border-radius: var(--msc-card-radius,14px);
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
}
.msc-ct-card:hover { box-shadow:0 8px 28px rgba(201,132,138,.22); transform:translateY(-4px); }

.msc-img-wrap {
    display: block;
    text-decoration: none;
    background: #fafafa;
    border-radius: var(--msc-card-radius,14px);
    overflow: hidden;
    border: 1px solid #f0e0e2;
}
.msc-card-img-box {
    aspect-ratio: 1;
    overflow: hidden;
    background: #f5e6e8;
}
.msc-card-img-box img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform .35s ease;
}
.msc-ct-card:hover .msc-card-img-box img { transform: scale(1.07); }

.msc-img-caption {
    font-size: var(--msc-caption-fs,14px);
    font-weight: var(--msc-caption-fw,600);
    color: #5a3538;
    text-align: center;
    padding: 10px 12px;
    background: #fff;
    border-top: 1px solid #f0e0e2;
    line-height: 1.3;
}

/* VIEW MORE */
.msc-viewmore-wrap { text-align:center; margin-top:24px; }
.msc-viewmore-btn {
    background: var(--msc-vm-bg,#c9848a);
    color: var(--msc-vm-text,#fff);
    border: none; border-radius: var(--msc-vm-radius,30px);
    padding: 12px 36px; font-size:15px; font-weight:600;
    cursor: pointer; transition: filter .2s, transform .15s, box-shadow .2s;
}
.msc-viewmore-btn:hover { filter:brightness(.9); transform:translateY(-2px); box-shadow:0 6px 18px rgba(201,132,138,.35); }
.msc-vm-arrow { display:inline-block; transition:transform .3s; }

.msc-empty { color:#aaa; font-style:italic; text-align:center; padding:40px 0; margin:0; }

/* RESPONSIVE */
@media(max-width:900px){.msc-cols-4,.msc-cols-5,.msc-cols-6{grid-template-columns:repeat(3,1fr);}}
@media(max-width:650px){.msc-cols-3,.msc-cols-4,.msc-cols-5,.msc-cols-6{grid-template-columns:repeat(2,1fr);}.msc-ct-tab{font-size:12px;padding:8px 14px;}.msc-ct-panel{padding:16px;}}
@media(max-width:420px){.msc-cols-2,.msc-cols-3,.msc-cols-4,.msc-cols-5,.msc-cols-6{grid-template-columns:1fr;}}