/* CoinsTree homepage existing CSS moved before first render. No styling changes. */

/* Modern Black Tabs */
.nav.nav-pills {
    border-bottom: none !important;
    gap: 12px;
}

.nav.nav-pills .nav-item {
    flex: 1;
}

.nav.nav-pills .nav-link {
    background: #111;
    color: #fff;
    border: 1px solid #111;
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.nav.nav-pills .nav-link:hover {
    background: #000;
    border-color: #000;
    transform: translateY(-2px);
}

.nav.nav-pills .nav-link.active {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

.tab-content {
    margin-top: 30px;
}

/* CoinsTree responsive homepage v2: non-destructive, no card grid overrides */
@media (min-width: 1200px) {
  .ct-home-wide.container { max-width: min(1640px, calc(100% - 48px)); }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .ct-home-wide.container { max-width: calc(100% - 32px); }
}
@media (max-width: 767.98px) {
  .ct-home-wide.container { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; }
  .ct-home-wide > .nav.nav-pills { gap: 6px; }
  .ct-home-wide > .nav.nav-pills .nav-link { padding: 10px 7px; font-size: 12px; line-height: 1.2; letter-spacing: 0; border-radius: 10px; }
}
.ct-home-wide > .nav.nav-pills .nav-link { box-shadow: none; }
.ct-home-wide > .nav.nav-pills .nav-link.active { box-shadow: 0 4px 12px rgba(0,0,0,.12); }
/* Deliberately leave .listings-cards, .listing-card and their descendants unchanged. */

/* CoinsTree V3 homepage shell. No listing-card/listings-cards styles here. */
.ct-v3-home-hero { max-width:1760px; margin:22px auto 26px; padding:0 clamp(12px,2vw,32px); }
.ct-v3-home-hero__inner { display:flex; justify-content:space-between; align-items:center; gap:28px; background:linear-gradient(112deg,#111a2b,#26364d 65%,#314663); color:#fff; border-radius:24px; padding:clamp(24px,3.5vw,54px); overflow:hidden; position:relative; }
.ct-v3-home-hero__inner:after { content:""; width:260px; height:260px; border:1px solid rgba(255,255,255,.12); border-radius:50%; position:absolute; right:15%; top:-190px; pointer-events:none; }
.ct-v3-home-hero__eyebrow { display:block; color:#c0d0e6; font-size:11px; font-weight:750; letter-spacing:.2em; margin-bottom:13px; }
.ct-v3-home-hero h1 { color:#fff; font-size:clamp(26px,3vw,48px); line-height:1.12; font-weight:800; letter-spacing:-.035em; margin:0 0 13px; }
.ct-v3-home-hero p { color:#d8e0eb; font-size:clamp(13px,1.15vw,16px); line-height:1.55; margin:0; max-width:600px; }
.ct-v3-home-hero__action { position:relative; z-index:1; flex:none; background:#fff; border-radius:12px; padding:14px 20px; text-decoration:none!important; color:#17233b!important; font-size:14px; font-weight:750; white-space:nowrap; }
.ct-v3-home-hero__action:hover { background:#eef3f8; }
.ct-v3-home-section { margin-top:36px!important; margin-bottom:38px!important; }
.ct-v3-home-section > .heading { margin-bottom:20px; border-bottom:1px solid #e9edf2; padding-bottom:15px; }
.ct-v3-home-section > .heading h1,.ct-v3-home-section > .heading h2,.ct-v3-home-section > .heading h3 { font-weight:800; letter-spacing:-.025em; }
.ct-v3-home-section > .nav.nav-pills { background:#f4f6f9; border:1px solid #e9edf2!important; padding:7px!important; border-radius:16px; gap:7px; }
.ct-v3-home-section > .nav.nav-pills .nav-link { background:transparent; border:0; color:#344258; border-radius:11px; box-shadow:none; padding:11px 15px; font-weight:750; letter-spacing:0; }
.ct-v3-home-section > .nav.nav-pills .nav-link.active { background:#172338; color:#fff; box-shadow:0 3px 10px rgba(20,30,46,.13); }
.ct-v3-home-section > .nav.nav-pills .nav-link:hover { transform:none; background:#e7ebf1; }
.ct-v3-home-section > .nav.nav-pills .nav-link.active:hover { background:#172338; }
@media(min-width:1200px){ .ct-v3-home-section.ct-home-wide.container { max-width:min(1760px,calc(100% - 42px)); } }
@media(max-width:767.98px){
 .ct-v3-home-hero { margin-top:12px; margin-bottom:18px; padding:0 12px; }
 .ct-v3-home-hero__inner { flex-direction:column; align-items:flex-start; gap:18px; padding:23px 20px; border-radius:17px; }
 .ct-v3-home-hero__action { padding:11px 16px; width:auto; }
 .ct-v3-home-section { margin-top:24px!important; margin-bottom:27px!important; }
 .ct-v3-home-section > .nav.nav-pills { gap:4px; padding:5px!important; }
 .ct-v3-home-section > .nav.nav-pills .nav-link { padding:10px 6px; font-size:12px; }
}

/* CoinsTree V4: HOMEPAGE-ONLY compact masonry; no global card/layout overrides. */
.ct-home-masonry .listings-cards {
    display:grid !important;
    columns:auto !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    align-items:start !important;
    column-gap:14px !important;
    row-gap:14px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.ct-home-masonry .listings-cards > .listing-card {
    display:block !important;
    float:none !important;
    align-self:start !important;
    position:relative;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    vertical-align:top;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8eaef !important;
    border-radius:14px !important;
    box-shadow:0 2px 9px rgba(16,24,40,.055);
}
.ct-home-masonry .listings-cards > .listing-card .card-img,
.ct-home-masonry .listings-cards > .listing-card .card-img > a {
    display:block;
    width:100%;
    height:auto !important;
    min-width:0;
}
.ct-home-masonry .listings-cards > .listing-card .card-img-top {
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:1/1;
    height:auto !important;
    object-fit:contain !important;
    background:#fff;
    display:block;
}
.ct-home-masonry .listings-cards > .listing-card .card-body {
    min-width:0;
    height:auto !important;
    padding:11px 12px 13px !important;
}
.ct-home-masonry .listings-cards > .listing-card .card-title {
    height:auto !important;
    min-height:0 !important;
    margin:0 0 8px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    overflow-wrap:break-word;
    word-break:normal;
    white-space:normal !important;
    -webkit-line-clamp:3;
}
.ct-home-masonry .listings-cards > .listing-card .card-title a {
    overflow-wrap:break-word;
    word-break:normal;
}
.ct-home-masonry .listings-cards > .listing-card .card-footer {
    margin:0 !important;
    padding:8px 12px !important;
}
.ct-home-masonry .listings-cards > .listing-card .price {margin-top:6px !important;}
.ct-home-masonry .listings-cards > .listing-card .price-badge-modern,
.ct-home-masonry .listings-cards > .listing-card .ad-badge-pill {
    max-width:100%;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
    font-size:12px;
    padding:5px 9px;
}
.ct-home-masonry .listings-cards > .listing-card .coinstree-tag-chips {
    gap:4px !important;
    margin-top:7px !important;
}
.ct-home-masonry .listings-cards > .listing-card .coinstree-tag-chips a {
    font-size:11px !important;
    padding:4px 7px !important;
    overflow-wrap:break-word;
    word-break:normal;
}
@media(max-width:1399px){
    .ct-home-masonry .listings-cards {grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:1050px){
    .ct-home-masonry .listings-cards {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
    .ct-home-masonry .listings-cards {grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:10px !important; row-gap:10px !important;}
    .ct-home-masonry .listings-cards > .listing-card {margin:0 !important; border-radius:11px !important;}
    .ct-home-masonry .listings-cards > .listing-card .card-body {padding:9px !important;}
    .ct-home-masonry .listings-cards > .listing-card .card-title {font-size:12.5px !important;}
    .ct-home-masonry .listings-cards > .listing-card .card-footer {padding:7px 9px !important;}
}
@media(max-width:370px){
    .ct-home-masonry .listings-cards {grid-template-columns:repeat(1,minmax(0,1fr)) !important;}
}