/* ============================================================
   DivisionStore — módulos: Recondicionados/Seminovos + Leilões + Chat
   (complementa loja.css; usa as mesmas variáveis)
   ============================================================ */

/* ---- condição do produto ---- */
.ds-cond { display: inline-block; padding: 3px 9px; border-radius: 4px; font-size: .74rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.ds-cond.sm { font-size: .66rem; padding: 2px 7px; }
.ds-cond.novo     { background: #1f2a3a; color: #7dd3fc; }
.ds-cond.openbox  { background: #2a1f3a; color: #c4b5fd; }
.ds-cond.seminovo { background: #3b1d5c; color: #d8b4fe; }
.ds-cond.recond   { background: #3b1d5c; color: #d8b4fe; }
.ds-cond.usado    { background: #2b2542; color: var(--ds-text-2); }
.ds-cond-corner { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 3px 8px; border-radius: 4px; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.ds-cond-corner.openbox  { background: #2a1f3a; color: #c4b5fd; }
.ds-cond-corner.seminovo { background: #3b1d5c; color: #d8b4fe; }
.ds-cond-corner.recond   { background: #3b1d5c; color: #d8b4fe; }
.ds-cond-corner.usado    { background: #2b2542; color: var(--ds-text-2); }
.ds-card-recond { border-color: var(--ds-border); }
.ds-card-recond:hover { border-color: var(--ds-accent); }
.ds-econ { display: block; margin-top: 4px; font-size: .78rem; font-weight: 500; color: var(--ds-text-2); }
.ds-mini { display: block; font-size: .74rem; color: var(--ds-muted); margin-top: 3px; }
.ds-mini i { color: var(--ds-accent-2); }

/* ---- faixa de destaque (home + página) ---- */
.ds-recond-hero { position: relative; overflow: hidden; border-radius: var(--ds-radius); border: 1px solid var(--ds-border); background: var(--ds-surface); padding: 32px 36px; margin: 34px 0 18px; }
.ds-recond-hero::before { display: none; }
.ds-recond-hero h2 { font-size: clamp(1.4rem, 2.6vw, 2.1rem); margin: 6px 0 4px; }
.ds-recond-hero h2 span { color: inherit; }
.ds-recond-hero p { color: var(--ds-text-2); max-width: 640px; margin: 0; }
.ds-recond-kicker { display: inline-flex; align-items: center; gap: 6px; font-size: .85rem; font-weight: 500; color: var(--ds-text-2); }
.ds-recond-stats { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 16px; }
.ds-recond-stats div b { display: block; font-size: 1.4rem; color: #fff; line-height: 1.1; }
.ds-recond-stats div small { color: var(--ds-text-2); font-size: .78rem; }
.ds-pill-nav { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 18px; }
.ds-pill-nav a { padding: 7px 14px; border-radius: 8px; border: 1px solid var(--ds-border); color: var(--ds-text-2); font-size: .85rem; font-weight: 500; }
.ds-pill-nav a:hover, .ds-pill-nav a.on { border-color: var(--ds-accent); color: #fff; background: rgba(139,92,246,.12); }
.ds-how { list-style: none; counter-reset: n; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 40px; margin: 0; padding: 0; max-width: 940px; }
.ds-how li { position: relative; padding-left: 36px; font-size: .9rem; line-height: 1.45; color: var(--ds-text-2); }
.ds-how li::before { counter-increment: n; content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: 2px; font-size: .78rem; font-weight: 700; color: var(--ds-accent-2); font-variant-numeric: tabular-nums; }
.ds-how b { display: block; color: var(--ds-text); margin-bottom: 2px; }
@media (max-width: 767px) { .ds-how { grid-template-columns: 1fr; } }

/* ---- bloco de condição na página do produto ---- */
.ds-cond-box { background: var(--ds-surface-2); border: 1px solid var(--ds-border); border-radius: var(--ds-radius); padding: 16px 18px; margin-top: 16px; }
.ds-cond-box h6 { color: var(--ds-text); font-size: .9rem; margin-bottom: 10px; }
.ds-cond-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 18px; font-size: .88rem; }
.ds-cond-grid b { display: block; color: var(--ds-text-2); font-weight: 500; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
.ds-savings { background: var(--ds-accent-3); color: #fff; border-radius: 10px; padding: 14px 16px; margin: 12px 0; }
.ds-savings .lbl { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; opacity: .85; }
.ds-savings .val { font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
.ds-savings .pct { font-size: .85rem; opacity: .95; }

/* ---- leilões: cards ---- */
.ds-auction-card { background: var(--ds-surface); border: 1px solid var(--ds-border); border-radius: var(--ds-radius); overflow: hidden; display: flex; flex-direction: column; position: relative; transition: border-color .15s; }
.ds-auction-card:hover { border-color: var(--ds-accent); }
.ds-auction-card .ds-card-img { aspect-ratio: 4/3; }
.ds-live { position: absolute; top: 10px; left: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; background: rgba(10,8,18,.85); border: 1px solid var(--ds-accent); color: #fff; font-size: .7rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; letter-spacing: .05em; }
.ds-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c084fc; box-shadow: 0 0 0 0 rgba(192,132,252,.7); animation: dsPulse 1.4s infinite; }
@keyframes dsPulse { 0% { box-shadow: 0 0 0 0 rgba(192,132,252,.7) } 70% { box-shadow: 0 0 0 7px rgba(192,132,252,0) } 100% { box-shadow: 0 0 0 0 rgba(192,132,252,0) } }
.ds-live.ended { border-color: var(--ds-border); color: var(--ds-text-2); } .ds-live.ended::before { background: var(--ds-muted); animation: none; }
.ds-live.soon { border-color: #e879f9; } .ds-live.soon::before { background: #e879f9; }
.ds-live.sched { border-color: var(--ds-border); } .ds-live.sched::before { background: #7dd3fc; animation: none; }
.ds-auction-body { padding: 12px 14px 14px; display: flex; flex-direction: column; flex: 1; gap: 6px; }
.ds-auction-body .ds-card-title { min-height: 0; }
.ds-bid-now { font-size: .74rem; color: var(--ds-text-2); }
.ds-bid-val { font-size: 1.35rem; font-weight: 700; color: #fff; line-height: 1.1; }
.ds-bid-next { font-size: .8rem; color: var(--ds-accent-2); }
.ds-auction-meta { display: flex; justify-content: space-between; font-size: .76rem; color: var(--ds-text-2); margin-top: 2px; }
.ds-timer { font-variant-numeric: tabular-nums; font-weight: 700; color: #fff; }
.ds-timer.urgent { color: #e879f9; }
.ds-timer.ended { color: var(--ds-muted); font-weight: 500; }
.ds-auction-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }

/* ---- leilão: página ---- */
.ds-bidbox { background: var(--ds-surface); border: 1px solid #3b2d63; border-radius: var(--ds-radius); padding: 22px; position: sticky; top: 130px; }
.ds-bidbox .ds-bid-val { font-size: 2.1rem; }
.ds-timer-big { font-size: 1.9rem; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .02em; color: #fff; }
.ds-timer-big.urgent { color: #e879f9; }
.ds-timer-big.ended { color: var(--ds-muted); font-size: 1.3rem; }
.ds-timer-lbl { font-size: .74rem; color: var(--ds-text-2); }
.ds-bid-form .input-group-text { background: var(--ds-surface-2); border-color: var(--ds-border); color: var(--ds-text-2); }
.ds-quick-bids { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.ds-quick-bids button { flex: 1; min-width: 80px; }
.ds-bid-hist { max-height: 300px; overflow-y: auto; }
.ds-bid-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--ds-border); font-size: .88rem; }
.ds-bid-row:last-child { border-bottom: 0; }
.ds-bid-row.winner b { color: var(--ds-accent-2); }
.ds-bid-row.mine { background: rgba(139,92,246,.08); margin: 0 -8px; padding-left: 8px; padding-right: 8px; border-radius: 6px; }
.ds-bid-row small { color: var(--ds-muted); }
.ds-you { display: inline-block; font-size: .65rem; background: var(--ds-accent); color: #fff; padding: 1px 6px; border-radius: 4px; margin-left: 6px; }
.ds-winning-banner { background: var(--ds-accent-3); color: #fff; border-radius: 8px; padding: 10px 14px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.ds-outbid-banner { background: rgba(232,121,249,.12); border: 1px solid #e879f9; color: #f5d0fe; border-radius: 8px; padding: 10px 14px; font-weight: 600; }
.ds-section-split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ds-section-split > div { background: var(--ds-surface); border: 1px solid var(--ds-border); border-radius: var(--ds-radius); padding: 16px; }
.ds-section-split h5 { font-size: .95rem; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.ds-section-split h5 i { color: var(--ds-accent-2); }
.ds-section-split h5 .ds-cnt { margin-left: auto; font-size: .75rem; color: var(--ds-muted); font-weight: 400; }

/* ---- chat ao vivo ---- */
.ds-chat { display: flex; flex-direction: column; height: 380px; }
.ds-chat-msgs { flex: 1; overflow-y: auto; padding-right: 4px; display: flex; flex-direction: column; gap: 6px; }
.ds-chat-msg { font-size: .86rem; line-height: 1.35; padding: 6px 10px; border-radius: 10px; background: var(--ds-surface-2); max-width: 92%; align-self: flex-start; word-break: break-word; }
.ds-chat-msg b { color: var(--ds-accent-2); }
.ds-chat-msg.loja { background: rgba(139,92,246,.18); border: 1px solid #3b2d63; } .ds-chat-msg.loja b { color: #fff; }
.ds-chat-msg.sistema { background: transparent; color: var(--ds-muted); font-style: italic; font-size: .78rem; align-self: center; text-align: center; }
.ds-chat-msg.mine { align-self: flex-end; background: var(--ds-accent-3); } .ds-chat-msg.mine b { color: #e9d5ff; }
.ds-chat-msg small { color: var(--ds-muted); font-size: .68rem; margin-left: 6px; }
.ds-chat-form { display: flex; gap: 6px; margin-top: 10px; }
.ds-chat-note { font-size: .72rem; color: var(--ds-muted); margin-top: 6px; }
.ds-chat-note i { color: #e879f9; }
.ds-conn { font-size: .7rem; color: var(--ds-muted); }
.ds-conn::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ds-muted); margin-right: 5px; }
.ds-conn.on::before { background: var(--ds-green); }
.ds-conn.off::before { background: var(--ds-red); }
@media (max-width: 991px) { .ds-section-split { grid-template-columns: 1fr; } .ds-bidbox { position: static; } .ds-recond-hero { padding: 22px; } .ds-chat { height: 320px; } }

/* página do leilão — no celular a caixa de lance sobe pra logo abaixo das infos */
@media (max-width: 991px) {
  .ds-lc-left { display: contents; }
  .ds-lc-left > .row { order: 1; width: 100%; margin: 0; }
  .ds-lc-right { order: 2; }
  .ds-lc-bottom { order: 3; width: 100%; padding: 0 calc(var(--bs-gutter-x) * .5); }
}

/* =====================================================================
   SIA — área do programa dentro da loja (sia/, conta/sia.php)
   Mesmos tokens da loja: --ds-surface/--ds-border/--ds-accent*, radius 12px, DM Sans.
   ===================================================================== */
.ds-sia-hero { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid #3b2d63; background: linear-gradient(120deg, #1b1330 0%, #0e0b18 55%, #0a0812 100%); padding: 38px 40px; margin-top: 18px; }
.ds-sia-hero::before { content: ""; position: absolute; right: -140px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(139,92,246,.28), transparent 65%); pointer-events: none; }
.ds-sia-hero h1 { font-size: clamp(1.7rem, 3.2vw, 2.6rem); line-height: 1.1; margin: 8px 0 12px; }
.ds-sia-hero h1 span { color: var(--ds-accent-2); }
.ds-sia-hero p.lead-ds { color: var(--ds-text-2); font-size: 1.02rem; max-width: 560px; margin-bottom: 18px; }
.ds-sia-hero .ds-recond-kicker { color: var(--ds-accent-2); }
.ds-sia-shot { position: relative; z-index: 1; border-radius: 14px; border: 1px solid #3b2d63; box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 0 6px rgba(139,92,246,.08); max-width: 100%; height: auto; }
.ds-sia-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: .82rem; color: var(--ds-text-2); }
.ds-sia-meta i { color: var(--ds-accent-2); margin-right: 4px; }
.ds-sia-download { display: inline-flex; align-items: center; gap: 12px; background: var(--ds-accent); color: #fff; border-radius: 12px; padding: 12px 18px; font-weight: 700; text-decoration: none; transition: background .15s, transform .15s; }
.ds-sia-download:hover { background: var(--ds-accent-2); color: #fff; transform: translateY(-1px); }
.ds-sia-download i { font-size: 1.5rem; }
.ds-sia-download small { display: block; font-weight: 500; font-size: .75rem; opacity: .85; }
@media (max-width: 767px) { .ds-sia-hero { padding: 26px 22px; } }

/* status da conta (faixa) */
.ds-sia-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-radius: var(--ds-radius); border: 1px solid var(--ds-border); background: var(--ds-surface); padding: 16px 20px; }
.ds-sia-status .st { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; padding: 6px 12px; border-radius: 999px; font-size: .85rem; }
.ds-sia-status .st.on  { background: rgba(46,204,113,.12); color: var(--ds-green); }
.ds-sia-status .st.off { background: rgba(255,77,79,.12); color: var(--ds-red); }
.ds-sia-status .st.none{ background: rgba(139,92,246,.14); color: var(--ds-accent-2); }

/* recursos */
.ds-sia-feats { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.ds-sia-feat { background: var(--ds-surface); border: 1px solid var(--ds-border); border-radius: var(--ds-radius); padding: 18px; transition: transform .15s, border-color .15s; }
.ds-sia-feat:hover { transform: translateY(-3px); border-color: var(--ds-accent); }
.ds-sia-feat i { font-size: 1.6rem; color: var(--ds-accent-2); display: block; margin-bottom: 8px; }
.ds-sia-feat b { display: block; margin-bottom: 4px; }
.ds-sia-feat p { margin: 0; color: var(--ds-text-2); font-size: .88rem; }

/* passos (como funciona / instalar) */
.ds-sia-steps { counter-reset: passo; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 22px; }
.ds-sia-step { position: relative; border-top: 1px solid var(--ds-border); padding: 14px 0 0; font-size: .9rem; color: var(--ds-text-2); }
.ds-sia-step::before { counter-increment: passo; content: "0" counter(passo); display: block; color: var(--ds-accent-2); font-weight: 700; font-size: .78rem; letter-spacing: .04em; margin-bottom: 6px; }
.ds-sia-step b { display: block; color: var(--ds-text); margin-bottom: 3px; }

/* planos */
.ds-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
@media (min-width: 1200px) { .ds-plan-grid { grid-template-columns: repeat(5, 1fr); } }
.ds-plan { position: relative; display: flex; flex-direction: column; background: var(--ds-surface); border: 1px solid var(--ds-border); border-radius: 16px; padding: 20px 18px; transition: transform .15s, border-color .15s; }
.ds-plan:hover { transform: translateY(-3px); border-color: var(--ds-accent); }
.ds-plan.destaque { border-color: var(--ds-accent); box-shadow: 0 0 0 4px var(--ds-accent-glow); }
.ds-plan.atual { border-color: var(--ds-green); }
.ds-plan .tag { position: absolute; top: -11px; left: 18px; background: var(--ds-accent); color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }
.ds-plan.atual .tag { background: var(--ds-green); color: #0a1f12; }
.ds-plan h3 { font-size: 1.15rem; margin: 4px 0 2px; }
.ds-plan .desc { color: var(--ds-text-2); font-size: .85rem; min-height: 40px; }
.ds-plan .preco { font-size: 1.7rem; font-weight: 700; line-height: 1; margin: 12px 0 2px; color: #fff; }
.ds-plan .preco small { font-size: .8rem; font-weight: 500; color: var(--ds-text-2); }
.ds-plan ul { list-style: none; padding: 0; margin: 14px 0 18px; font-size: .86rem; flex: 1; }
.ds-plan li { padding: 5px 0; border-bottom: 1px dashed var(--ds-border); color: var(--ds-text-2); display: flex; gap: 8px; align-items: flex-start; }
.ds-plan li:last-child { border-bottom: 0; }
.ds-plan li i.ok { color: var(--ds-green); }
.ds-plan li i.no { color: var(--ds-muted); }
.ds-plan li.no { color: var(--ds-muted); text-decoration: line-through; text-decoration-color: rgba(124,124,142,.5); }
.ds-plan .btn-ds, .ds-plan .btn-ds-o { width: 100%; text-align: center; display: block; }
.ds-plan.gratis { background: linear-gradient(160deg, rgba(139,92,246,.10), var(--ds-surface) 60%); }

/* FAQ */
.ds-faq details { background: var(--ds-surface); border: 1px solid var(--ds-border); border-radius: var(--ds-radius); padding: 0 18px; margin-bottom: 8px; }
.ds-faq summary { cursor: pointer; padding: 14px 0; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ds-faq summary::-webkit-details-marker { display: none; }
.ds-faq summary::after { content: "\F282"; font-family: "bootstrap-icons"; color: var(--ds-accent-2); transition: transform .2s; }
.ds-faq details[open] summary::after { transform: rotate(180deg); }
.ds-faq details[open] summary { border-bottom: 1px solid var(--ds-border); }
.ds-faq details p { color: var(--ds-text-2); font-size: .9rem; padding: 12px 0 14px; margin: 0; }

/* requisitos */
.ds-sia-req { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.ds-sia-req .ds-box h6 { color: var(--ds-accent-2); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.ds-sia-req dl { margin: 0; font-size: .88rem; }
.ds-sia-req dt { color: var(--ds-text-2); font-weight: 500; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; margin-top: 8px; }
.ds-sia-req dd { margin: 0; }

/* cores VIP (conta/sia.php) */
.ds-cores-grupo { margin-bottom: 18px; }
.ds-cores-grupo h6 { color: var(--ds-accent-2); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }
.ds-cores { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.ds-cor { display: flex; align-items: center; gap: 10px; background: var(--ds-surface-2); border: 1px solid var(--ds-border); border-radius: 10px; padding: 8px 10px; font-size: .82rem; color: var(--ds-text-2); }
.ds-cor input[type=color] { width: 38px; height: 30px; padding: 0; border: 1px solid var(--ds-border); border-radius: 6px; background: transparent; cursor: pointer; flex-shrink: 0; }
.ds-cor input[type=color]::-webkit-color-swatch-wrapper { padding: 2px; }
.ds-cor input[type=color]::-webkit-color-swatch { border: 0; border-radius: 4px; }
.ds-cor code { color: var(--ds-muted); font-size: .72rem; margin-left: auto; }
.ds-cores-lock { border: 1px dashed var(--ds-border); border-radius: var(--ds-radius); padding: 22px; text-align: center; color: var(--ds-text-2); background: rgba(139,92,246,.05); }
.ds-cores-lock i { font-size: 1.8rem; color: var(--ds-accent-2); display: block; margin-bottom: 6px; }

/* mini-tabela de histórico */
.ds-sia-hist { width: 100%; font-size: .86rem; }
.ds-sia-hist th { color: var(--ds-muted); font-weight: 500; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; padding: 6px 8px; border-bottom: 1px solid var(--ds-border); }
.ds-sia-hist td { padding: 9px 8px; border-bottom: 1px solid var(--ds-border); vertical-align: middle; }
.ds-sia-hist tr:last-child td { border-bottom: 0; }