/* Techiyan Core [tq_popular]: tabs + self-sliding rows (draft: Notes/previews/preview-popular-section.html). */
.tqp{--tqp-ink:#221135;--tqp-mag:#d21b87;--tqp-vio:#5f3ae0;--tqp-gap:12px;font-family:Poppins,Arial,sans-serif;color:var(--tqp-ink);width:100%;box-sizing:border-box;overflow-x:clip;margin-top:36px}
.tqp *{box-sizing:border-box}
.tqp-title{font:800 20px/1.25 Poppins,Arial,sans-serif;text-align:center;margin:0 0 10px;color:var(--tqp-ink)}
.tqp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px}
.tqp-chips a{font:600 12.5px/1.2 Poppins,Arial,sans-serif;border:1px solid #d9cfe6;border-radius:6px;padding:7px 12px;color:var(--tqp-ink);background:#fff;text-decoration:none}
.tqp-chips a:hover{border-color:var(--tqp-vio);color:var(--tqp-vio)}
.tqp-tabs{display:flex;justify-content:center;gap:6px;background:#efeaf6;border-radius:8px;padding:4px;width:max-content;max-width:100%;margin:10px auto 14px}
.tqp-tab{border:0;background:none;font:600 14px/1.2 Poppins,Arial,sans-serif;padding:9px 20px;border-radius:5px;color:#5a4d6b;cursor:pointer}
.tqp-tab.is-on{background:var(--tqp-ink);color:#fff}
.tqp-tab:focus-visible{outline:2px solid var(--tqp-vio);outline-offset:2px}
.tqp-pane[hidden]{display:none}
.tqp-sl{--n:2.4;overflow:hidden;margin-right:-12px}
.tqp-st{display:flex;gap:var(--tqp-gap);will-change:transform;transition:transform .7s ease}
.tqp-st.is-reset{transition:none}
.tqp-card{position:relative;display:block;flex:0 0 calc((100% - var(--tqp-gap) * (var(--n) - 1)) / var(--n));min-width:0;background:#fff;border:1px solid #ece7f0;border-radius:8px;padding:8px 8px 12px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(34,17,53,.06)}
.tqp-card img{display:block;width:100%;height:auto;border-radius:5px}
.tqp-badge{position:absolute;top:14px;left:14px;font:700 11px/1.2 Poppins,Arial,sans-serif;padding:3px 8px;border-radius:4px;color:#fff}
.tqp-badge.b{background:var(--tqp-mag)}.tqp-badge.n{background:#1a9a55}
.tqp-name{font:600 14px/1.25 Poppins,Arial,sans-serif;margin:8px 4px 4px;min-height:2.5em;max-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--tqp-ink)}
.tqp-price{font:700 14px/1.4 Poppins,Arial,sans-serif;color:var(--tqp-mag)}
.tqp-more{display:block;width:max-content;margin:16px auto 4px;background:var(--tqp-ink);color:#fff;font:600 14px/1.2 Poppins,Arial,sans-serif;padding:11px 26px;border-radius:6px;text-decoration:none}
.tqp-more:hover{background:var(--tqp-vio);color:#fff}
.tqp-rh{display:flex;flex-direction:column;align-items:center;gap:2px;margin:26px 0 10px;text-align:center}
.tqp-rh h3{font:800 20px/1.25 Poppins,Arial,sans-serif;margin:0;color:var(--tqp-ink)}
.tqp-rh a{font:600 13px/1.3 Poppins,Arial,sans-serif;color:var(--tqp-vio);text-decoration:none}
@media (min-width:768px){.tqp-sl{--n:3.4}}
@media (min-width:1025px){.tqp-sl{--n:5.4;margin-right:0}.tqp-title,.tqp-rh h3{font-size:24px}.tqp-name{font-size:15px}.tqp-price{font-size:15px}}
@media (prefers-reduced-motion:reduce){.tqp-st{transition:none}}