.qpro .qp-col-banner{max-width:1440px;margin:8px auto 0;padding:0 18px}.qpro .qp-col-banner-inner{background:radial-gradient(circle at 100% 0,rgba(255,143,87,.22),transparent 50%),radial-gradient(circle at 0 100%,rgba(84,76,219,.32),transparent 55%),linear-gradient(135deg,var(--qp-navy) 0,#1c1f5a 60%,#0a0c2e 100%);border-radius:var(--qp-r-md);padding:28px 32px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center;color:#fff;position:relative;overflow:hidden}.qpro .qp-col-banner-inner:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.025) 0 2px,transparent 2px 14px);pointer-events:none}.qpro .qp-col-banner-text{position:relative}.qpro .qp-col-banner-text .qp-kicker{color:var(--qp-orange)}.qpro .qp-col-banner-text h1{font-size:32px;margin:6px 0 8px;letter-spacing:-.02em;font-weight:800;color:#fff}.qpro .qp-col-banner-text p{margin:0 0 16px;font-size:13px;color:#c7c9e0;max-width:640px;line-height:1.55}.qpro .qp-col-banner-stats{display:flex;gap:28px;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.1);flex-wrap:wrap}.qpro .qp-col-banner-stats div{font-size:11px;color:#c7c9e0}.qpro .qp-col-banner-stats b{display:block;font-size:22px;color:#fff;font-weight:800;letter-spacing:-.01em;margin-bottom:2px}.qpro .qp-col-banner-stats small{color:rgba(199,201,224,.75);font-size:11px}.qpro .qp-col-banner-promo{background:rgba(255,143,87,.14);border:1px dashed rgba(255,143,87,.5);padding:18px;border-radius:var(--qp-r-md);text-align:center;position:relative}.qpro .qp-col-banner-promo .qp-promo-bolt{width:44px;height:44px;background:var(--qp-orange);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;margin:0 auto 8px}.qpro .qp-col-banner-promo b{display:block;color:var(--qp-orange);font-size:14px;margin-bottom:4px;font-weight:800}.qpro .qp-col-banner-promo small{color:#c7c9e0;font-size:11px;line-height:1.5;display:block}.qpro .qp-col-shell{max-width:1440px;margin:16px auto 0;padding:0 18px;display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}.qpro .qp-filter-rail{position:sticky;top:100px;background:#fff;border:1px solid var(--qp-line);border-radius:var(--qp-r-md);padding:0;max-height:calc(100vh - 120px);overflow-y:auto}.qpro .qp-filter-head{padding:14px 16px;border-bottom:1px solid var(--qp-line-2);display:flex;justify-content:space-between;align-items:center;font-size:13px;position:sticky;top:0;background:#fff;z-index:2}.qpro .qp-filter-head b{font-size:14px;font-weight:800}.qpro .qp-filter-head a{font-size:11px;color:var(--qp-deal);cursor:pointer;font-weight:600}.qpro .qp-filter-head a:hover{text-decoration:underline}.qpro .qp-fg{padding:14px 16px;border-bottom:1px solid var(--qp-line-2)}.qpro .qp-fg-head{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--qp-mute);font-weight:800;margin-bottom:10px}.qpro .qp-fg-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.qpro .qp-fg-list li label{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;font-size:12px;color:var(--qp-ink-2);cursor:pointer;padding:4px 0}.qpro .qp-fg-list li label:hover{color:var(--qp-purple)}.qpro .qp-fg-list li input{accent-color:var(--qp-purple);cursor:pointer}.qpro .qp-fg-list li small{color:var(--qp-mute);font-size:11px;font-variant-numeric:tabular-nums}.qpro .qp-fg-range{padding:4px 0}.qpro .qp-fg-range .qp-wr-track{height:4px;background:var(--qp-line-2);border-radius:999px;position:relative;margin-bottom:10px}.qpro .qp-fg-range .qp-wr-track i{display:block;position:absolute;top:0;bottom:0;background:var(--qp-purple);border-radius:999px}.qpro .qp-fg-range .qp-wr-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px}.qpro .qp-fg-range .qp-wr-labels b{color:var(--qp-ink);font-weight:800}.qpro .qp-fg-range .qp-wr-inputs{display:grid;grid-template-columns:1fr;position:relative;margin-top:8px}.qpro .qp-fg-range .qp-wr-inputs input{width:100%;height:4px;margin:0;accent-color:var(--qp-purple)}.qpro .qp-fg-range .qp-wr-inputs input+input{margin-top:4px}.qpro .qp-filter-help{padding:16px;background:var(--qp-chip);margin:0;display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;border-top:1px solid var(--qp-line-2)}.qpro .qp-filter-help svg{color:var(--qp-purple);margin-top:2px}.qpro .qp-filter-help b{font-size:12px;display:block;font-weight:800;color:var(--qp-ink)}.qpro .qp-filter-help small{color:var(--qp-mute);font-size:11px;display:block;line-height:1.4;margin:2px 0 6px}.qpro .qp-filter-help a{font-size:12px;color:var(--qp-purple);cursor:pointer;font-weight:700;text-decoration:none}.qpro .qp-filter-help a:hover{text-decoration:underline}.qpro .qp-col-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--qp-line);border-radius:var(--qp-r-md);padding:12px 16px;margin-bottom:12px;position:sticky;top:96px;z-index:30}.qpro .qp-col-tb-right{display:flex;align-items:center;gap:10px}.qpro .qp-active-chips{display:flex;gap:6px;flex-wrap:wrap}.qpro .qp-active-chips .qp-chip{background:var(--qp-bg-2);padding:5px 10px;border-radius:999px;font-size:11px;color:var(--qp-ink-2);cursor:pointer;border:0;font-family:inherit;font-weight:600}.qpro .qp-active-chips .qp-chip:hover{background:var(--qp-line-2)}.qpro .qp-sort-select{background:#fff;padding:7px 12px;font-size:12px;cursor:pointer;color:var(--qp-ink);font-family:inherit;font-weight:600}.qpro .qp-sort-select,.qpro .qp-view-toggle{border:1px solid var(--qp-line);border-radius:var(--qp-r-sm)}.qpro .qp-view-toggle{display:flex;overflow:hidden}.qpro .qp-view-toggle button{background:#fff;border:0;padding:7px 11px;cursor:pointer;color:var(--qp-mute);font-family:inherit}.qpro .qp-view-toggle button.qp-active{background:var(--qp-purple);color:#fff}.qpro .qp-col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qpro .qp-col-list{display:flex;flex-direction:column;gap:10px}.qpro .qp-col-card{background:#fff;border:1px solid var(--qp-line);border-radius:var(--qp-r-md);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;flex-direction:column;position:relative;text-decoration:none;color:inherit}.qpro .qp-col-card:hover{border-color:var(--qp-purple);box-shadow:var(--qp-shadow-md);transform:translateY(-2px)}.qpro .qp-col-card.qp-featured{border-color:var(--qp-orange)}.qpro .qp-col-card.qp-featured:before{content:"★ FEATURED";position:absolute;background:var(--qp-orange);color:#fff;padding:4px 10px;font-size:9px;letter-spacing:.1em;font-weight:800;border-radius:0 0 var(--qp-r-sm) 0;z-index:2;top:0;left:0}.qpro .qp-col-card-img{aspect-ratio:1;position:relative;display:grid;place-items:end stretch;overflow:hidden;background:var(--qp-bg-3)}.qpro .qp-col-card-img img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qpro .qp-cc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:2}.qpro .qp-cc-badge{background:var(--qp-orange);color:#fff;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:.05em;border-radius:3px}.qpro .qp-cc-badge.qp-mockup{background:var(--qp-purple);color:#fff}.qpro .qp-cc-badge.qp-deal{background:var(--qp-deal);color:#fff}.qpro .qp-cc-badge.qp-eco{background:var(--qp-good);color:#fff}.qpro .qp-cc-quick{position:absolute;bottom:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:3}.qpro .qp-col-card:hover .qp-cc-quick{opacity:1}.qpro .qp-cc-heart{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:0;background:hsla(0,0%,100%,.92);color:var(--qp-ink-2);cursor:pointer;z-index:4;box-shadow:0 2px 6px rgba(18,20,74,.1);transition:background .12s ease,color .12s ease,transform .12s ease;font-family:inherit}.qpro .qp-cc-heart:hover{background:#fff;color:var(--qp-deal);transform:translateY(-1px)}.qpro .qp-cc-heart.qp-active{background:#ffe5e7;color:var(--qp-deal)}.qpro .qp-cc-heart.qp-active svg{fill:currentColor}@media (max-width:720px){.qpro .qp-cc-quick{opacity:1}}.qpro .qp-qbtn{width:30px;height:30px;border-radius:50%;border:0;background:hsla(0,0%,100%,.96);color:var(--qp-ink-2);display:grid;place-items:center;cursor:pointer;font-family:inherit}.qpro .qp-qbtn:hover{background:#fff;color:var(--qp-purple)}.qpro .qp-qbtn.qp-active{background:var(--qp-purple);color:#fff}.qpro .qp-col-card-body{padding:12px;flex:1;display:flex;flex-direction:column;gap:5px}.qpro .qp-cc-name{font-size:13px;line-height:1.35;font-weight:700;color:var(--qp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.qpro .qp-cc-meta-line{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--qp-mute)}.qpro .qp-cc-meta-line b{color:var(--qp-ink-2);font-weight:600;font-size:11px}.qpro .qp-cc-meta-line svg{color:var(--qp-good)}.qpro .qp-cc-rating{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--qp-ink-2)}.qpro .qp-cc-rating .qp-stars{color:var(--qp-yellow);font-size:11px;letter-spacing:.5px}.qpro .qp-cc-rating small{color:var(--qp-mute);font-size:10px}.qpro .qp-cc-rating .qp-sep{color:var(--qp-line)}.qpro .qp-cc-price-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.qpro .qp-cc-price-row .qp-now{font-weight:800;font-size:18px;color:var(--qp-deal);letter-spacing:-.01em}.qpro .qp-cc-price-row .qp-was{font-size:11px;color:var(--qp-mute);text-decoration:line-through}.qpro .qp-cc-price-row .qp-drop{background:var(--qp-deal);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:2px}.qpro .qp-cc-meta-bottom{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--qp-mute)}.qpro .qp-cc-meta-bottom b{color:var(--qp-ink-2);font-weight:700}.qpro .qp-cc-meta-bottom .qp-sep{color:var(--qp-line)}.qpro .qp-cc-methods{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.qpro .qp-cc-methods span{font-size:10px;background:var(--qp-bg-2);color:var(--qp-ink-2);padding:3px 7px;border-radius:2px;border:1px solid var(--qp-line-2);font-weight:600}.qpro .qp-cc-actions{display:grid;grid-template-columns:1fr 36px;gap:5px;margin-top:10px}.qpro .qp-cc-primary{border:0;background:var(--qp-purple);color:#fff;padding:9px;border-radius:var(--qp-r-sm);font-weight:700;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;text-decoration:none}.qpro .qp-cc-primary:hover{background:var(--qp-purple-2)}.qpro .qp-cc-secondary{border:1px solid var(--qp-line);background:#fff;color:var(--qp-purple);padding:9px;border-radius:var(--qp-r-sm);cursor:pointer;font-size:11px;font-weight:700;font-family:inherit;display:grid;place-items:center}.qpro .qp-cc-secondary:hover{background:var(--qp-bg-2);border-color:var(--qp-purple)}.qpro .qp-col-row{background:#fff;border:1px solid var(--qp-line);border-radius:var(--qp-r-md);padding:14px;display:grid;grid-template-columns:140px 1fr 160px 200px;gap:14px;cursor:pointer;align-items:center;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.qpro .qp-col-row:hover{border-color:var(--qp-purple);box-shadow:var(--qp-shadow-md)}.qpro .qp-col-row-img{aspect-ratio:1;border-radius:var(--qp-r-sm);overflow:hidden;position:relative;background:var(--qp-bg-3)}.qpro .qp-col-row-img img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qpro .qp-col-row-img .qp-cc-badge{position:absolute;top:8px;left:8px}.qpro .qp-col-row-info .qp-cc-name{font-size:14px;min-height:auto;-webkit-line-clamp:1;margin-bottom:4px}.qpro .qp-col-row-info .qp-cc-methods{margin-top:8px}.qpro .qp-col-row-price{text-align:right}.qpro .qp-col-row-price .qp-cc-price-row{justify-content:flex-end}.qpro .qp-col-row-price .qp-cc-price-row .qp-now{font-size:24px}.qpro .qp-col-row-price .qp-was-row{font-size:11px;color:var(--qp-mute);margin-top:4px}.qpro .qp-col-row-cta{display:flex;flex-direction:column;gap:6px}.qpro .qp-col-row-cta .qp-cc-primary{padding:10px;font-size:12px}.qpro .qp-col-row-cta .qp-cc-secondary{padding:9px;font-size:11px}.qpro .qp-row-quick-actions{display:flex;gap:4px;margin-top:4px}.qpro .qp-row-icon{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 8px;border-radius:var(--qp-r-pill);background:var(--qp-bg-2);border:1px solid var(--qp-line);color:var(--qp-ink-2);font-size:10.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,color .12s ease;font-family:inherit}.qpro .qp-row-icon:hover{background:#fff;color:var(--qp-purple)}.qpro .qp-row-icon.qp-active{background:#ece9ff;color:var(--qp-purple);border-color:var(--qp-purple)}.qpro .qp-row-icon.qp-active svg{fill:currentColor}.qpro .qp-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0;padding:16px;flex-wrap:wrap}.qpro .qp-pagination button{border:1px solid var(--qp-line);background:#fff;padding:9px 13px;border-radius:var(--qp-r-sm);cursor:pointer;font-size:13px;color:var(--qp-ink);min-width:38px;font-family:inherit;font-weight:600}.qpro .qp-pagination button:hover{border-color:var(--qp-purple);color:var(--qp-purple)}.qpro .qp-pagination button.qp-active{background:var(--qp-purple);color:#fff;border-color:var(--qp-purple);font-weight:800}.qpro .qp-pagination button:disabled{opacity:.4;cursor:not-allowed}.qpro .qp-pagination .qp-page-meta{color:var(--qp-mute);font-size:12px;margin:0 12px}.qpro .qp-related-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px}.qpro .qp-rc-card{aspect-ratio:5/3;border-radius:var(--qp-r-md);padding:16px;color:#fff;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:end;overflow:hidden;text-decoration:none}.qpro .qp-rc-card:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.04) 0 2px,transparent 2px 14px)}.qpro .qp-rc-card b{font-size:16px;font-weight:800;position:relative;letter-spacing:-.01em}.qpro .qp-rc-card small{color:hsla(0,0%,100%,.78);font-size:11px;position:relative;margin-top:2px}.qpro .qp-rc-arrow{position:absolute;top:14px;right:14px;background:hsla(0,0%,100%,.15);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.qpro .qp-rc-card:hover .qp-rc-arrow{background:var(--qp-orange)}.qpro .qp-qv-modal{position:fixed;inset:0;background:rgba(8,12,36,.62);display:grid;place-items:center;z-index:100;backdrop-filter:blur(2px);padding:32px}.qpro .qp-qv-card{background:#fff;width:100%;max-width:920px;border-radius:var(--qp-r-md);display:grid;grid-template-columns:360px 1fr;overflow:hidden;max-height:calc(100vh - 64px);position:relative}.qpro .qp-qv-img{aspect-ratio:1;background:var(--qp-bg-3);position:relative}.qpro .qp-qv-img img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qpro .qp-qv-body{padding:28px;overflow-y:auto;position:relative}.qpro .qp-qv-close{position:absolute;top:14px;right:14px;border:0;background:var(--qp-bg-2);width:34px;height:34px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-family:inherit;z-index:2}.qpro .qp-qv-body h3{margin:0 0 8px;font-size:22px;letter-spacing:-.012em;font-weight:800;color:var(--qp-ink)}.qpro .qp-qv-summary{font-size:13px;color:var(--qp-ink-2);line-height:1.55;margin:12px 0}.qpro .qp-qv-actions{display:flex;gap:8px;margin-top:16px}.qpro .qp-qv-actions .qp-cc-primary{padding:12px;font-size:13px;flex:1;text-decoration:none}.qpro .qp-qv-actions .qp-cc-secondary{padding:12px;font-size:13px;flex:1;text-align:center}@media (max-width:1100px){.qpro .qp-col-banner-inner,.qpro .qp-col-shell{grid-template-columns:1fr}.qpro .qp-filter-rail{position:static;max-height:none}.qpro .qp-col-grid{grid-template-columns:repeat(3,1fr)}.qpro .qp-col-row{grid-template-columns:110px 1fr}.qpro .qp-col-row-cta,.qpro .qp-col-row-price{grid-column:1/-1;text-align:left}.qpro .qp-col-row-price .qp-cc-price-row{justify-content:flex-start}.qpro .qp-related-cols{grid-template-columns:repeat(3,1fr)}.qpro .qp-qv-card{grid-template-columns:1fr}.qpro .qp-qv-img{aspect-ratio:16/9}}@media (max-width:720px){.qpro .qp-col-grid{grid-template-columns:repeat(2,1fr)}.qpro .qp-col-banner-inner{padding:22px}.qpro .qp-col-banner-text h1{font-size:24px}.qpro .qp-col-banner-stats{gap:16px}.qpro .qp-col-toolbar{flex-wrap:wrap;gap:8px}.qpro .qp-related-cols{grid-template-columns:repeat(2,1fr)}.qpro .qp-active-chips{display:none}}