/* same style; version bump to 1.0.2 */
.kqpp-open{
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:1rem;
  border:1px solid #e5e7eb;background:#0ea5e9;color:#fff;font-weight:700;cursor:pointer;
  transition:transform .12s ease, box-shadow .2s ease;
}
.kqpp-open:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(2,132,199,.25)}
.kqpp-open:focus{outline:2px solid #38bdf8;outline-offset:2px}
.kqpp-modal{position:fixed;inset:0;z-index:99999;display:none}
.kqpp-modal.is-open{display:block}
.kqpp-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:saturate(120%) blur(2px)}
.kqpp-dialog{position:relative;margin:4vh auto;background:#fff;max-width:1050px;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.28);
  padding:0;overflow:hidden}
.kqpp-close{position:absolute;top:.5rem;left:.5rem;width:40px;height:40px;border-radius:999px;border:none;background:#0ea5e9;color:#fff;font-size:26px;cursor:pointer}
.kqpp-content{display:grid;grid-template-columns:1fr 1fr;gap:0}
.kqpp-left{background:#f8fafc;padding:1rem}
.kqpp-right{padding:1.25rem 1.5rem}
.kqpp-title{margin:0 0 .4rem 0;font-size:1.35rem;line-height:1.2}
.kqpp-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}
.kqpp-badge-sale{background:#ef4444;color:#fff;padding:.1rem .5rem;border-radius:.5rem;font-size:.8rem}
.kqpp-price{font-size:1.8rem;font-weight:800;margin:.35rem 0 .65rem;color:#0f172a}
.kqpp-short{color:#334155;font-size:.98rem;line-height:1.55;max-height:6.2em;overflow:auto}
.kqpp-actions{margin-top:1rem}
.kqpp-below-actions{margin-top:.6rem}
.kqpp-view-product{color:#0ea5e9;font-weight:700;text-decoration:none;border-bottom:2px solid #bae6fd;padding-bottom:1px}
.kqpp-view-product:hover{border-color:#0ea5e9}
.kqpp-gallery{}
.kqpp-gallery-main{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff}
.kqpp-frame{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}
.kqpp-frame.is-active{opacity:1}
.kqpp-thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow:auto}
.kqpp-thumb-btn{border:2px solid transparent;border-radius:10px;padding:0;background:transparent;cursor:pointer}
.kqpp-thumb-btn.is-active{border-color:#0ea5e9}
.kqpp-attrs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;margin:1rem 0 0 0;padding:0;list-style:none}
.kqpp-attrs li{color:#475569;font-size:.92rem}
.kqpp-attrs strong{color:#0f172a}
@media (max-width: 900px){
  .kqpp-dialog{margin:0;inset:0;max-width:none;border-radius:0;height:100vh}
  .kqpp-content{grid-template-columns:1fr}
  .kqpp-left{order:2}
  .kqpp-right{order:1}
}
.kqpp-right .quantity input{min-width:64px}
html.kqpp-no-scroll{overflow:hidden}