/* TreCloud style gallery. Default keys (cards, tema, list) add no rules. */

html[data-tc-plans="featured"] .plan-grid:has(.plan-card) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch;
}
html[data-tc-plans="featured"] .plan-popular,
html[data-tc-plans="featured"] .plan-grid:not(:has(.plan-popular)) > :nth-child(2) .plan-card {
    z-index: 1;
    border-width: 2px !important;
    border-color: var(--nl-sky) !important;
    transform: translateY(-10px) scale(1.04);
    box-shadow: 0 28px 50px -28px rgba(14, 143, 214, .65) !important;
}

.tc-scroll { overflow-x: auto; }
.tc-board {
    min-width: 920px; overflow: hidden; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff;
}
.tc-head, .tc-line {
    display: grid;
    grid-template-columns: minmax(9.5rem, 1.35fr) repeat(var(--tc-n, 4), minmax(5.2rem, 1fr)) minmax(6.8rem, auto) 7.4rem;
    align-items: center;
    column-gap: .25rem;
}
.tc-head {
    background: var(--nl-navy); color: #fff; font-size: .78rem; font-weight: 700;
}
.tc-head > div, .tc-line > div { padding: .8rem .5rem; text-align: center; }
.tc-head > div:first-child, .tc-name { text-align: left; padding-left: .95rem; }
.tc-name { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.tc-name strong { color: var(--nl-ink); font-weight: 800; }
.tc-board > .tc-wrap:nth-child(odd) .tc-line { background: #f6f8fb; }
.tc-line.is-pop { background: #eef8f1 !important; }
.tc-wrap + .tc-wrap { border-top: 1px solid #e8edf3; }
.tc-cell { color: var(--nl-ink); font-weight: 700; font-size: .9rem; }
.tc-miss { color: #98a2b3; }
.tc-price .price-was { display: block; color: #d4534a; font-size: .78rem; font-weight: 600; text-decoration: line-through; }
.tc-price .price-now { color: #178a40; font-size: 1.2rem; font-weight: 800; letter-spacing: -.03em; }
.tc-suf { color: #178a40; font-size: .75rem; font-weight: 700; }
.tc-save { display: flex; align-items: center; justify-content: center; gap: .35rem; }
.tc-buy {
    display: inline-flex; align-items: center; justify-content: center; gap: .35rem;
    min-height: 34px; padding: .35rem .75rem; border: 0; border-radius: 8px;
    background: #1c9b4a; color: #fff; font-weight: 700; font-size: .8rem; text-decoration: none; white-space: nowrap;
}
.tc-buy:hover { background: #178a40; color: #fff; }
.tc-buy.is-off { opacity: .55; }
.tc-line.is-out .tc-cell, .tc-line.is-out .tc-price { opacity: .55; }
html[data-tc-plans="table"] .plan-row.tc-line { border: 0; box-shadow: none; }

html[data-tc-plans="plain"] .plan-card {
    border-radius: 8px !important; box-shadow: none !important; background: #fff !important;
}
html[data-tc-plans="plain"] .plan-card::before,
html[data-tc-plans="plain"] .plan-card::after { display: none !important; }
html[data-tc-plans="plain"] .plan-card.plan-popular { border-color: var(--nl-navy) !important; box-shadow: none !important; }
html[data-tc-plans="plain"] .plan-card .plan-price { background: transparent !important; border: 0 !important; }
html[data-tc-plans="plain"] .plan-card .price-now {
    color: var(--nl-ink) !important; background: none !important; -webkit-text-fill-color: var(--nl-ink) !important;
}
html[data-tc-plans="plain"] .plan-card .btn { border-radius: 8px !important; box-shadow: none !important; }

html[data-tc-blog="cover"] .nl-blog a { padding: 0 0 1.15rem; overflow: hidden; }
html[data-tc-blog="cover"] .nl-blog a::before {
    content: ""; display: block; height: 92px;
    background: linear-gradient(135deg, var(--nl-navy), var(--nl-sky));
}
html[data-tc-blog="cover"] .nl-blog a:nth-child(2)::before { background: linear-gradient(135deg, var(--nl-sky), #7dd3fc); }
html[data-tc-blog="cover"] .nl-blog a:nth-child(3)::before { background: linear-gradient(135deg, #12345e, var(--nl-navy)); }
html[data-tc-blog="cover"] .nl-blog time,
html[data-tc-blog="cover"] .nl-blog strong,
html[data-tc-blog="cover"] .nl-blog p,
html[data-tc-blog="cover"] .nl-blog > a > span { margin-inline: 1.15rem; }
html[data-tc-blog="cover"] .tc-blog .news-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
html[data-tc-blog="cover"] .tc-blog .news-item,
html[data-tc-blog="cover"] .tc-blog .news-feature { flex-direction: column; align-items: stretch; }
html[data-tc-blog="cover"] .tc-blog .news-thumb,
html[data-tc-blog="cover"] .tc-blog .news-feature .news-thumb { inline-size: 100%; min-block-size: 9rem; block-size: 9rem; }
html[data-tc-blog="cover"] .tc-blog .news-item-arrow { display: none; }

html[data-tc-blog="row"] .nl-blog { grid-template-columns: 1fr !important; }
html[data-tc-blog="row"] .nl-blog a { flex-direction: row; align-items: center; gap: 1rem; }
html[data-tc-blog="row"] .nl-blog strong { flex: 1; }
html[data-tc-blog="row"] .nl-blog p { display: none; }
html[data-tc-blog="row"] .nl-blog a > span { margin-top: 0; }
html[data-tc-blog="row"] .tc-blog .news-item { padding: .75rem 1rem; }
html[data-tc-blog="row"] .tc-blog .news-item-excerpt { display: none; }
html[data-tc-blog="row"] .tc-blog .news-thumb { inline-size: 4.5rem; min-block-size: 4.5rem; }

html[data-tc-blog="magazine"] .nl-blog { grid-template-columns: 1.35fr 1fr !important; }
html[data-tc-blog="magazine"] .nl-blog a:first-child { grid-row: span 2; }
html[data-tc-blog="magazine"] .nl-blog a:first-child strong { font-size: 1.35rem; }
html[data-tc-blog="magazine"] .tc-blog .news-feature { flex-direction: column; }
html[data-tc-blog="magazine"] .tc-blog .news-feature .news-thumb { inline-size: 100%; min-block-size: 14rem; }
html[data-tc-blog="magazine"] .tc-blog .news-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
html[data-tc-blog="magazine"] .tc-blog .news-item { flex-direction: column; }
html[data-tc-blog="magazine"] .tc-blog .news-item .news-thumb { inline-size: 100%; min-block-size: 7rem; block-size: 7rem; }
html[data-tc-blog="magazine"] .tc-blog .news-item-arrow { display: none; }

html[data-tc-news="cards"] .tc-news .news-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
html[data-tc-news="cards"] .tc-news .news-item,
html[data-tc-news="cards"] .tc-news .news-feature { flex-direction: column; align-items: stretch; }
html[data-tc-news="cards"] .tc-news .news-thumb { inline-size: 100%; min-block-size: 8.5rem; block-size: 8.5rem; }
html[data-tc-news="cards"] .tc-news .news-feature .news-thumb { inline-size: 100%; min-block-size: 12rem; block-size: 12rem; }
html[data-tc-news="cards"] .tc-news .news-item-arrow { display: none; }

html[data-tc-news="compact"] .tc-news .news-item { padding: .7rem .9rem; gap: .75rem; }
html[data-tc-news="compact"] .tc-news .news-item-excerpt,
html[data-tc-news="compact"] .tc-news .news-readtime,
html[data-tc-news="compact"] .tc-news .news-feature-excerpt { display: none; }
html[data-tc-news="compact"] .tc-news .news-thumb { inline-size: 3.25rem; min-block-size: 3.25rem; font-size: 1.1rem; }
html[data-tc-news="compact"] .tc-news .news-feature { padding: .9rem 1rem; gap: .85rem; }
html[data-tc-news="compact"] .tc-news .news-feature .news-thumb { inline-size: 5rem; min-block-size: 4rem; }

html[data-tc-news="feature"] .tc-news .news-feature { flex-direction: column; }
html[data-tc-news="feature"] .tc-news .news-feature .news-thumb { inline-size: 100%; min-block-size: 16rem; }
html[data-tc-news="feature"] .tc-news .news-item { padding: .65rem .85rem; }
html[data-tc-news="feature"] .tc-news .news-item-excerpt { display: none; }
html[data-tc-news="feature"] .tc-news .news-item .news-thumb { inline-size: 3.25rem; min-block-size: 3.25rem; }
html[data-tc-news="feature"] .tc-news:not(:has(.news-feature)) .news-list .news-item:first-child {
    flex-direction: column; padding: 0 0 1rem;
}
html[data-tc-news="feature"] .tc-news:not(:has(.news-feature)) .news-list .news-item:first-child .news-thumb {
    inline-size: 100%; min-block-size: 14rem; block-size: 14rem;
}
html[data-tc-news="feature"] .tc-news:not(:has(.news-feature)) .news-list .news-item:first-child .news-item-main { padding-inline: 1rem; }
html[data-tc-news="feature"] .tc-news:not(:has(.news-feature)) .news-list .news-item:first-child .news-item-excerpt { display: -webkit-box; }

@media (max-width: 991.98px) {
    html[data-tc-plans="featured"] .plan-grid:has(.plan-card) { grid-template-columns: 1fr !important; }
    html[data-tc-plans="featured"] .plan-popular,
    html[data-tc-plans="featured"] .plan-grid:not(:has(.plan-popular)) > :nth-child(2) .plan-card {
        transform: none;
    }
}
@media (max-width: 767.98px) {
    html[data-tc-blog="magazine"] .nl-blog,
    html[data-tc-blog="cover"] .tc-blog .news-list,
    html[data-tc-blog="magazine"] .tc-blog .news-list,
    html[data-tc-news="cards"] .tc-news .news-list { grid-template-columns: 1fr !important; }
    html[data-tc-blog="magazine"] .nl-blog a:first-child { grid-row: auto; }
    html[data-tc-blog="row"] .nl-blog a { flex-direction: column; align-items: flex-start; }
}