/* INSYGMA Product Card — tokens (paleta atual; migrar aqui quando decidires) */
.insygma-wrapper{
  --ins-card-ink:#0f172a; --ins-card-muted:#64748b;
  --ins-card-bg:#f8fafc;  --ins-card-disabled:#e2e8f0; --ins-card-disabled-ink:#94a3b8;
  --ins-amber:#D9824A;    --ins-amber-hover:#c5733f;
}
.insygma-wrapper .insygma-product-img{display:block;width:100%;height:auto}
.insygma-wrapper .ins-manual-lazy-img{background:var(--ins-card-bg)}
.insygma-wrapper .ins-card-img-fallback{background:var(--ins-card-bg);width:100%;height:100%}
.insygma-wrapper .ins-card-link{text-decoration:none;color:inherit;display:block}
.insygma-wrapper .ins-card-h{font-family:'Inter',sans-serif;font-size:clamp(15px,2.2vw,20px);
  font-weight:600;letter-spacing:-.02em;color:var(--ins-card-ink);margin:0;line-height:1.15}
.insygma-wrapper .ins-card-sub{color:var(--ins-card-muted);font-size:clamp(12px,1.6vw,14px);line-height:1.4;margin-bottom:10px}
.insygma-wrapper .ins-price{font-family:'JetBrains Mono',monospace;font-size:clamp(18px,2.5vw,22px);
  font-weight:700;color:var(--ins-card-ink);letter-spacing:-.02em}
.insygma-wrapper .ins-price-old{font-size:clamp(11px,1.5vw,13px);text-decoration:line-through;color:var(--ins-card-muted)}
.insygma-wrapper .product-card.hidden{display:none!important}
.insygma-wrapper .btn-initialize.out-of-stock{background:var(--ins-card-disabled);color:var(--ins-card-disabled-ink);cursor:not-allowed;pointer-events:none}
.insygma-wrapper .btn-initialize.pre-order{background:var(--ins-amber);border-color:var(--ins-amber);color:#fff}
.insygma-wrapper .btn-initialize.pre-order:hover{background:var(--ins-amber-hover);border-color:var(--ins-amber-hover)}
.insygma-wrapper .btn-initialize.pre-order .btn-status-dot{background:#fff}

/* Novidades é sempre below-fold: render diferido */
#novidades{content-visibility:auto;contain-intrinsic-size:auto 620px}





/* Fade + seta — affordance das tabs (v3: ghost) */
.filter-nav-outer{position:relative;padding-right:44px}
.filter-nav-outer::after{content:'';position:absolute;top:0;right:36px;bottom:0;width:48px;
  background:linear-gradient(to left,#fff 25%,rgba(255,255,255,0));
  pointer-events:none;opacity:0;transition:opacity .25s;z-index:2}
.filter-nav-outer.has-right::after{opacity:1}
.ins-tabs-arrow{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:3;
  width:34px;height:34px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:#191A1F;border:1px solid #d8dde4;
  box-shadow:0 1px 3px rgba(25,26,31,.08);
  opacity:0;pointer-events:none;transition:opacity .25s,transform .15s}
.filter-nav-outer.has-right .ins-tabs-arrow{opacity:1;pointer-events:auto}
.ins-tabs-arrow:active{transform:translateY(-50%) scale(.92)}
.ins-tabs-arrow svg{width:16px;height:16px}

/* Container das tabs: corte reto à direita em mobile (curva = "acaba aqui", não queremos) */
@media (max-width: 767px){
  .filter-nav-container{margin-right:-24px;padding-right:24px;
    border-top-right-radius:0;border-bottom-right-radius:0}
}

/* Drag com rato: sem seleção de texto nem drag nativo nos tracks */
.slider-track{user-select:none;-webkit-user-select:none}