/* Identidade do catálogo, em sintonia com a página dos grupos. */
.links-page { color: #f7f8f2; background: #080d0e; }
.links-page * { box-sizing: border-box; }
.links-page .topline { overflow: hidden; background: #0b0d0d; border-bottom: 1px solid #d5984038; box-shadow: 0 2px 22px #f5b64221; }
.links-page .ticker-track { display: flex; width: max-content; animation: links-ticker 34s linear infinite; }
.links-page .ticker-track span { flex: 0 0 auto; padding: 12px 0 12px 2.5rem; color: #e6ddc4; font-size: .68rem; font-weight: 800; letter-spacing: .18em; }
.links-page .ticker-track i { color: #ffc449; font-style: normal; padding: 0 2rem; }
.links-page main {
  position: relative; isolation: isolate; max-width: 1320px; padding: 40px 24px 80px;
  background: radial-gradient(ellipse at 17% 0, #196d422a, transparent 34%), radial-gradient(ellipse at 88% 34%, #e0a02b14, transparent 31%);
}
.links-page main::before {
  content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .5;
  background-image: radial-gradient(circle, #fff9d2aa 1px, transparent 2px), radial-gradient(circle, #80edaf88 1px, transparent 2px), radial-gradient(circle, #ffc44999 1px, transparent 2px);
  background-size: 220px 240px, 330px 350px, 470px 430px;
  background-position: 28px 44px, 165px 180px, 78px 290px;
  animation: links-shimmer 7s ease-in-out infinite alternate;
}
.links-page .catalog-hero {
  position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between;
  min-height: 350px; margin: 20px 0 64px; padding: 42px clamp(28px, 5vw, 70px);
  border: 1px solid #e2c08330; border-radius: 34px;
  background: radial-gradient(circle at 81% 52%, #3a9c5360, transparent 33%), linear-gradient(125deg, #101614 2%, #0d1715 54%, #102b21 100%);
  box-shadow: 0 30px 70px #0009, inset 0 1px #ffffff10, 0 0 55px #dfae2420;
}
.links-page .catalog-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle at 12% 24%, #e9facb95 1px, transparent 2px), radial-gradient(circle at 60% 78%, #e9facb80 1px, transparent 2px);
  background-size: 390px 380px, 280px 300px; animation: links-shimmer 6s ease-in-out infinite alternate;
}
.links-page .catalog-hero-copy { position: relative; z-index: 1; max-width: 700px; }
.links-page .eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; color: #b9f6c8; border: 1px solid #73d99a58; border-radius: 999px; background: #1c4b3580; box-shadow: 0 0 22px #50e18520; font-size: .69rem; font-weight: 800; letter-spacing: .11em; }
.links-page .live-dot { width: 8px; height: 8px; border-radius: 50%; background: #64f795; box-shadow: 0 0 0 4px #64f79526, 0 0 18px #64f795; animation: links-pulse 2.4s ease-in-out infinite; }
.links-page .catalog-hero h1 { margin: 23px 0 15px; font-size: clamp(3rem, 5vw, 5.2rem); line-height: 1.04; letter-spacing: -.055em; }
.links-page .catalog-hero h1 span { color: transparent; background: linear-gradient(100deg, #ffe29a 2%, #ffc449 44%, #f28b2e 95%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 15px #e5a4316b); }
.links-page .catalog-hero p { max-width: 560px; color: #d6e9dd; font-size: 1rem; }
.links-page .hero-group-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.links-page .hero-group-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 25px; min-width: 218px; padding: 13px 19px; border: 1px solid #fafff0d9; border-radius: 999px; background: linear-gradient(115deg, #168e48, #21b665); color: white; font-weight: 800; text-decoration: none; box-shadow: 0 14px 28px #0006; transition: transform .2s, box-shadow .2s; }
.links-page .hero-group-link.telegram { background: linear-gradient(115deg, #08749c, #139ac0); }
.links-page .hero-group-link:hover { transform: translateY(-3px); box-shadow: 0 18px 32px #0009, 0 0 25px #55e88b55; }
.links-page .catalog-mascot { position: relative; z-index: 1; width: min(34vw, 325px); height: auto; object-fit: contain; border-radius: 50%; mix-blend-mode: screen; filter: drop-shadow(0 0 13px #54e97b7a) drop-shadow(0 24px 34px #000a); animation: links-float 6s ease-in-out infinite; }
.links-page .section-heading { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 20px; }
.links-page .section-kicker { color: #ffc45b; font-size: .72rem; font-weight: 800; letter-spacing: .15em; }
.links-page .section-heading h2 { margin: 8px 0 0; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.04em; }
.links-page .result-count { color: #a9bcb0; font-size: .85rem; white-space: nowrap; }
.links-page .share-bar { margin: 0 0 24px; }
.links-page .share-bar .copy, .links-page .share-bar .wa { padding: 12px 20px; border: 1px solid #fafff0a3; border-radius: 999px; color: #fff; box-shadow: 0 8px 20px #0006; transition: transform .2s, box-shadow .2s; }
.links-page .share-bar .copy { background: #1b3b2c; }
.links-page .share-bar .wa { background: linear-gradient(115deg, #168e48, #21b665); }
.links-page .share-bar .copy:hover, .links-page .share-bar .wa:hover { transform: translateY(-2px); box-shadow: 0 12px 26px #0008; }
.links-page .search { padding: 16px; margin: 0 0 18px; border: 1px solid #8bba9645; border-radius: 20px; background: #121d19; }
.links-page .search input[type="search"] { padding: 13px 18px; border: 1px solid #83a68b77; background: #0b1511; color: #f4fff5; }
.links-page .search input[type="search"]:focus { border-color: #86e9a2; box-shadow: 0 0 0 3px #35cf7340; }
.links-page .search button { padding: 13px 24px; background: #178950; }
.links-page .search button:hover { background: #1daa65; }
.links-page .search .clear { color: #a6e9b5; }
.links-page .chips { flex-wrap: nowrap; overflow-x: auto; padding: 0 0 10px; margin: 0 0 16px; scrollbar-color: #618b68 #121d19; }
.links-page .chip { flex: 0 0 auto; padding: 10px 16px; border-color: #618b6866; background: #14231b; color: #c5e8c9; }
.links-page .chip:hover { border-color: #83e2a0; color: #fff; }
.links-page .chip.ativo, .links-page .chip.ativo:hover { border-color: #9bedad; background: #198b51; color: #fff; }
.links-page .catalog-note { margin: 0 0 26px; color: #a9bcb0; font-size: .84rem; }
.links-page .grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; }
.links-page .card { position: relative; min-width: 0; padding: 14px; border-color: #8bba9660; border-radius: 20px; background: #121d19; box-shadow: 0 10px 25px #0006; transition: transform .2s, border-color .2s, box-shadow .2s; }
.links-page .card:hover { transform: translateY(-5px); border-color: #91efaa; box-shadow: 0 20px 40px #0009, 0 0 24px #6ee78b38; }
.links-page .card:focus-visible, .links-page a:focus-visible, .links-page button:focus-visible { outline: 3px solid #ffc449; outline-offset: 3px; }
.links-page .card .market { color: #8eecaa; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.links-page .category-label { color: #b4c5b9; }
.links-page .card .img { height: 188px; padding: 8px; margin: 11px 0; border-radius: 13px; background: #fffefa; }
.links-page .card h2 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.05em; margin: 4px 0 14px; color: #f2f7f0; font-size: .98rem; font-weight: 800; line-height: 1.35; }
.links-page .price { color: #9af0aa; }
.links-page .old { color: #9daea4; }
.links-page .off { border-radius: 999px; background: #f5b935; color: #241b08; }
.links-page .coupon { color: #e9cf84; }
.links-page .cta { display: block; padding: 11px 14px; margin-top: 16px; border-radius: 9px; background: #178950; color: #fff; font-weight: 800; text-align: center; }
.links-page .card:hover .cta { background: #1daa65; }
.links-page .pagination { margin: 35px 0; }
.links-page .pagination a { border-color: #618b6866; border-radius: 999px; background: #14231b; color: #c5e8c9; }
.links-page .pagination a:hover { border-color: #83e2a0; }
.links-page .pagination span { color: #b4c5b9; }
.links-page .bottom-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 48px; padding-top: 25px; border-top: 1px solid #e2c08324; }
.links-page .bottom-links a { padding: 10px 16px; border: 1px solid #618b6866; border-radius: 999px; background: #14231b; color: #c5e8c9; font-size: .85rem; font-weight: 700; text-decoration: none; }
.links-page .bottom-links a:hover { border-color: #83e2a0; }
.links-page .empty { padding: 25px; border: 1px solid #477857; border-radius: 16px; background: #12221a; color: #c5d7c7; }
@keyframes links-ticker { to { transform: translateX(-50%); } }
@keyframes links-shimmer { to { opacity: .27; } }
@keyframes links-pulse { 50% { box-shadow: 0 0 0 7px #64f79518, 0 0 22px #64f795; } }
@keyframes links-float { 50% { transform: translateY(-12px); } }
@media (max-width: 680px) {
  .links-page main { padding: 18px 12px 55px; }
  .links-page .catalog-hero { flex-direction: column; text-align: left; align-items: flex-start; gap: 8px; min-height: 0; margin: 4px 0 42px; padding: 30px 22px 16px; border-radius: 24px; }
  .links-page .catalog-hero h1 { font-size: clamp(2.8rem, 11vw, 4.2rem); }
  .links-page .catalog-mascot { align-self: center; width: min(65vw, 260px); }
  .links-page .hero-group-actions { flex-direction: column; }
  .links-page .hero-group-link { width: 100%; }
  .links-page .section-heading { align-items: flex-start; }
  .links-page .share-bar .copy, .links-page .share-bar .wa { flex: 1 1 100%; text-align: center; }
  .links-page .search { padding: 12px; }
  .links-page .search input[type="search"] { flex-basis: 100%; }
  .links-page .search button { flex: 1; }
  .links-page .grid { grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 12px; }
  .links-page .card { padding: 10px; border-radius: 14px; }
  .links-page .card .img { height: 130px; }
  .links-page .card h2 { font-size: .88rem; }
  .links-page .price { font-size: 1.03rem; }
  .links-page .old { display: block; margin-left: 0; }
  .links-page .off { margin: 5px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .links-page .ticker-track, .links-page main::before, .links-page .catalog-hero::before, .links-page .live-dot, .links-page .catalog-mascot { animation: none !important; }
  .links-page .card, .links-page .hero-group-link { transition: none; }
}