/**handles:qm-pi-finder**/
.qm-pi-finder-box,
.qm-pi-finder-box *{box-sizing:border-box}
.qm-pi-finder-box{width:100%;max-width:1280px;margin:24px auto;padding:26px;border:1px solid #e4e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04);font-family:inherit}
.qm-pi-finder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.qm-pi-title{font-size:28px;font-weight:700;line-height:1.25;margin:0 0 7px;color:#263238}
.qm-pi-description{color:#667085;font-size:15px;line-height:1.55}
.qm-pi-context-badge{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:9px 13px;border:1px solid #d7e4f3;border-radius:10px;background:#f5f9fe;text-align:right}
.qm-pi-context-badge span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085}
.qm-pi-context-badge strong{font-size:14px;color:#315b8e}
.qm-pi-query-field{margin-bottom:18px}
.qm-pi-query-field>label,.qm-pi-field label{display:block;font-weight:600;margin-bottom:7px;color:#344054}
.qm-pi-query-field input,.qm-pi-field select,.qm-pi-field input{width:100%;min-height:46px;margin:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:9px 12px;box-shadow:none}
.qm-pi-query-field input:focus,.qm-pi-field select:focus,.qm-pi-field input:focus{border-color:#315b8e;box-shadow:0 0 0 3px rgba(49,91,142,.10);outline:0}
.qm-pi-query-field small{display:block;color:#667085;margin-top:7px;font-size:13px}
.qm-pi-autocomplete-wrap{position:relative}
.qm-pi-autocomplete{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:999;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden}
.qm-pi-autocomplete button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border:0;border-bottom:1px solid #f0f1f3;background:#fff;text-align:left;cursor:pointer}
.qm-pi-autocomplete button:last-child{border-bottom:0}
.qm-pi-autocomplete button:hover{background:#f7f9fc}
.qm-pi-autocomplete small{margin:0;color:#667085}
.qm-pi-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.qm-pi-speed-input{display:flex;align-items:stretch;border:1px solid #d0d5dd;border-radius:8px;overflow:hidden;background:#fff}
.qm-pi-speed-input:focus-within{border-color:#315b8e;box-shadow:0 0 0 3px rgba(49,91,142,.10)}
.qm-pi-speed-input input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.qm-pi-speed-input span{display:flex;align-items:center;padding:0 11px;background:#f8fafc;border-left:1px solid #e4e7eb;white-space:nowrap;font-size:13px;color:#475467}

.qm-pi-filter-disclosure{margin:0 0 18px}
.qm-pi-filter-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid #d7dde5;border-radius:10px;background:#fff;color:#344054;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.qm-pi-filter-toggle:hover,.qm-pi-filter-toggle.is-open{border-color:#315b8e;background:#f7faff}
.qm-pi-filter-toggle.is-loading{cursor:wait;opacity:.72}
.qm-pi-filter-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#edf4fb;color:#315b8e;font-size:20px;line-height:1;font-weight:500}
.qm-pi-lazy-filter-host{margin-top:10px;padding:16px;border:1px solid #eef0f2;border-radius:12px;background:#fff}
.qm-pi-lazy-filter-host[hidden]{display:none!important}
.qm-pi-filter-panel-loading{padding:10px 2px;color:#667085;font-size:14px}

.qm-pi-finder-actions{display:flex;gap:10px;flex-wrap:wrap}
.qm-pi-finder-actions .button{min-height:44px;border-radius:8px;padding:0 20px;font-weight:700;letter-spacing:.01em}
.qm-pi-search{background:#315b8e!important;border-color:#315b8e!important;color:#fff!important}
.qm-pi-reset{background:#fff!important;border:1px solid #d0d5dd!important;color:#344054!important}
.qm-pi-loading{margin-top:18px;padding:12px 14px;border-radius:8px;background:#f8fafc;color:#475467}
.qm-pi-results{margin-top:28px}
.qm-pi-result-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #eaecf0}
.qm-pi-result-head>div{display:flex;flex-direction:column;gap:4px}
.qm-pi-result-head strong{font-size:18px;color:#101828}
.qm-pi-result-head span{color:#667085;font-size:14px}
.qm-pi-result-section{margin-top:24px}
.qm-pi-result-section:first-of-type{margin-top:0}
.qm-pi-result-expanded{margin-top:36px;padding-top:28px;border-top:1px solid #eaecf0}
.qm-pi-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.qm-pi-section-head h2{margin:0 0 3px!important;font-size:20px!important;line-height:1.3!important;color:#101828!important}
.qm-pi-section-head p{margin:0;color:#667085;font-size:13px}
.qm-pi-count{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:700}
.qm-pi-scope-note{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid #f0dca6;border-radius:10px;background:#fffaf0;color:#694d00;margin-bottom:22px}
.qm-pi-scope-note span{font-size:13px;color:#806200}
/* High-specificity grid rules intentionally override Flatsome/WooCommerce row/card rules. */
.qm-pi-finder-box .qm-pi-result-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;float:none!important}
.qm-pi-finder-box .qm-pi-product-card{position:relative!important;width:auto!important;max-width:none!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;float:none!important;border:1px solid #e4e7eb!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 2px 8px rgba(16,24,40,.04)!important;transition:box-shadow .2s ease,transform .2s ease!important}
.qm-pi-finder-box .qm-pi-product-card:hover{box-shadow:0 10px 28px rgba(16,24,40,.10)!important;transform:translateY(-2px)}
.qm-pi-finder-box .qm-pi-card-image{position:relative!important;display:flex!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;background:#fff!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:0!important;padding:0!important}
.qm-pi-finder-box .qm-pi-card-image img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important;border:0!important}
.qm-pi-match{position:absolute;top:10px;right:10px;z-index:2;background:#eaf7ee;color:#08752c;padding:5px 9px;border-radius:999px;font-weight:700;font-size:12px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.qm-pi-card-body{padding:16px!important;display:flex!important;flex-direction:column!important;flex:1!important;min-width:0}
.qm-pi-card-body h3{font-size:17px!important;line-height:1.4!important;margin:0 0 13px!important;min-height:48px;color:#101828!important}
.qm-pi-card-body h3 a{color:inherit!important;text-decoration:none!important}
.qm-pi-card-body h3 a:hover{color:#315b8e!important}
.qm-pi-specs{display:grid;gap:7px;margin-bottom:16px}
.qm-pi-specs>div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px;border-bottom:1px dashed #eaecf0;padding-bottom:7px;align-items:start}
.qm-pi-specs span{color:#667085;font-size:13px}
.qm-pi-specs strong{text-align:right;font-weight:600;color:#344054;font-size:13px;overflow-wrap:anywhere}
.qm-pi-card-foot{margin-top:auto;border-top:1px solid #eaecf0;padding-top:14px}
.qm-pi-price{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:13px;min-height:30px;line-height:1.35}
.qm-pi-price-label{font-size:12px;font-weight:600;color:#667085;text-transform:uppercase;letter-spacing:.03em}.qm-pi-price-value{font-size:19px;font-weight:800;color:#b42318;text-align:right}.qm-pi-price del{font-size:13px;color:#98a2b3;font-weight:500;margin-right:5px}
.qm-pi-price ins{text-decoration:none}
.qm-pi-price .woocommerce-Price-amount{white-space:nowrap}.qm-pi-contact-price{color:#315b8e;font-size:15px;font-weight:700}
.qm-pi-finder-box .qm-pi-detail{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:42px!important;margin:0!important;border-radius:8px!important;text-align:center!important;background:#315b8e!important;color:#fff!important;border-color:#315b8e!important;font-weight:700!important}
.qm-pi-empty,.qm-pi-message{padding:16px 18px;border-radius:10px;background:#f6f7f7}
.qm-pi-empty{display:flex;flex-direction:column;gap:4px}
.qm-pi-message-error{background:#fcf0f1;color:#8a2424}
@media(max-width:1024px){
  .qm-pi-finder-box{max-width:960px;padding:22px}
  .qm-pi-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qm-pi-finder-box .qm-pi-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .qm-pi-finder-box{margin:12px auto;padding:16px;border-radius:12px}
  .qm-pi-finder-head,.qm-pi-section-head{flex-direction:column;align-items:flex-start}
  .qm-pi-context-badge{text-align:left;width:100%}
  .qm-pi-title{font-size:23px}
  .qm-pi-filter-grid,.qm-pi-finder-box .qm-pi-result-grid{grid-template-columns:1fr!important}
  .qm-pi-result-head{flex-direction:column}
  .qm-pi-speed-input span{font-size:12px;padding:0 8px}
  .qm-pi-card-image{aspect-ratio:4/3!important}
  .qm-pi-finder-actions .button{flex:1 1 auto}
}

/* v35.6.1 visual hardening: deterministic Finder surface on Flatsome/WooCommerce. */
.qm-pi-ui-v3561{overflow:visible!important}
.qm-pi-ui-v3561 .qm-pi-query-field{padding:16px 18px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#f8fafc!important}
.qm-pi-ui-v3561 .qm-pi-filter-grid{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.qm-pi-ui-v3561 .qm-pi-finder-actions{padding-top:2px!important}
.qm-pi-ui-v3561 .qm-pi-result-section{clear:both!important;width:100%!important}
.qm-pi-ui-v3561 .qm-pi-result-grid::before,.qm-pi-ui-v3561 .qm-pi-result-grid::after{content:none!important;display:none!important}
.qm-pi-ui-v3561 .qm-pi-product-card>*{max-width:100%!important}
.qm-pi-ui-v3561 .qm-pi-card-image img[src]{min-width:0!important}
.qm-pi-ui-v3561 .qm-pi-card-foot{display:block!important}

.qm-pi-load-more-wrap{display:flex;justify-content:center;margin:24px 0 4px}.qm-pi-finder-box .qm-pi-load-more{min-width:220px;padding:10px 22px;border-radius:8px;font-weight:700}.qm-pi-finder-box .qm-pi-load-more[disabled]{opacity:.65;cursor:wait}

/* v35.6.2: stable always-visible filter controls; no lazy accordion dependency. */
.qm-pi-ui-v3562{overflow:visible!important}
.qm-pi-ui-v3562 .qm-pi-query-field{padding:16px 18px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#f8fafc!important}
.qm-pi-ui-v3562 .qm-pi-filter-static{display:block!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:transparent!important}
.qm-pi-ui-v3562 .qm-pi-filter-grid{padding:0!important;border:0!important;background:transparent!important}
.qm-pi-ui-v3562 .qm-pi-finder-actions{padding-top:2px!important}
.qm-pi-ui-v3562 .qm-pi-result-section{clear:both!important;width:100%!important}

/* v35.6.3: native accordion UI. Filters are server-rendered; details/summary only controls visibility. */
.qm-pi-ui-v3563{overflow:visible!important}
.qm-pi-ui-v3563 .qm-pi-query-field{padding:16px 18px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#f8fafc!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion{display:block!important;margin:0 0 18px!important;border:1px solid #b8c7dc!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:54px!important;padding:14px 16px!important;margin:0!important;cursor:pointer!important;list-style:none!important;background:#f7faff!important;color:#23354d!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;user-select:none!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-summary::-webkit-details-marker{display:none!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-summary::marker{display:none!important;content:''!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-summary:hover{background:#f1f6fc!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-summary:focus-visible{outline:2px solid #315b8e!important;outline-offset:-2px!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-icon{position:relative!important;display:block!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:999px!important;background:#eaf1f9!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-icon::before,.qm-pi-ui-v3563 .qm-pi-filter-accordion-icon::after{content:''!important;position:absolute!important;left:8px!important;right:8px!important;top:14px!important;height:2px!important;background:#315b8e!important;border-radius:2px!important;transition:transform .18s ease!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-icon::after{transform:rotate(90deg)!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion.is-open .qm-pi-filter-accordion-icon::after{transform:rotate(0deg)!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion.is-open .qm-pi-filter-accordion-summary{border-bottom:1px solid #e4e7ec!important}
.qm-pi-ui-v3563 .qm-pi-filter-accordion-body{padding:16px!important;background:#fff!important}
.qm-pi-ui-v3563 .qm-pi-filter-static{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.qm-pi-ui-v3563 .qm-pi-filter-grid{padding:0!important;border:0!important;background:transparent!important}
.qm-pi-ui-v3563 .qm-pi-finder-actions{padding-top:2px!important}
.qm-pi-ui-v3563 .qm-pi-result-section{clear:both!important;width:100%!important}
@media(max-width:640px){
  .qm-pi-ui-v3563 .qm-pi-filter-accordion-summary{padding:13px 14px!important;font-size:14px!important}
  .qm-pi-ui-v3563 .qm-pi-filter-accordion-body{padding:14px!important}
}


/* v35.7.1 — Native Accordion UI hardening.
 * Version-independent selectors intentionally prevent future scanner/plugin
 * version bumps from dropping the Finder accordion styling. */
.qm-pi-finder-box{padding:24px!important}
.qm-pi-finder-box .qm-pi-finder-head{margin-bottom:18px!important}
.qm-pi-finder-box .qm-pi-title{margin-bottom:6px!important}
.qm-pi-finder-box .qm-pi-description{margin:0!important}
.qm-pi-finder-box .qm-pi-query-field{margin:0 0 14px!important;padding:14px 16px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#f8fafc!important}
.qm-pi-finder-box .qm-pi-query-field>label{margin-bottom:6px!important}
.qm-pi-finder-box .qm-pi-query-field input{min-height:44px!important}
.qm-pi-finder-box .qm-pi-filter-accordion{display:block!important;margin:0 0 14px!important;border:1px solid #b8c7dc!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:52px!important;padding:13px 16px!important;margin:0!important;cursor:pointer!important;list-style:none!important;background:#f7faff!important;color:#23354d!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;user-select:none!important;border:0!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary::-webkit-details-marker{display:none!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary::marker{display:none!important;content:''!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary:hover{background:#f1f6fc!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary:focus-visible{outline:2px solid #315b8e!important;outline-offset:-2px!important}
.qm-pi-finder-box .qm-pi-filter-accordion-icon{position:relative!important;display:block!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:999px!important;background:#eaf1f9!important}
.qm-pi-finder-box .qm-pi-filter-accordion-icon::before,.qm-pi-finder-box .qm-pi-filter-accordion-icon::after{content:''!important;position:absolute!important;left:8px!important;right:8px!important;top:14px!important;height:2px!important;background:#315b8e!important;border-radius:2px!important;transition:transform .18s ease!important}
.qm-pi-finder-box .qm-pi-filter-accordion-icon::after{transform:rotate(90deg)!important}
.qm-pi-finder-box .qm-pi-filter-accordion.is-open .qm-pi-filter-accordion-icon::after{transform:rotate(0deg)!important}
.qm-pi-finder-box .qm-pi-filter-accordion.is-open .qm-pi-filter-accordion-summary{border-bottom:1px solid #e4e7ec!important}
.qm-pi-finder-box .qm-pi-filter-accordion-body{padding:15px 16px!important;background:#fff!important}
.qm-pi-finder-box .qm-pi-filter-accordion .qm-pi-filter-static{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.qm-pi-finder-box .qm-pi-filter-accordion .qm-pi-filter-grid{padding:0!important;border:0!important;background:transparent!important}
.qm-pi-finder-box .qm-pi-finder-actions{gap:10px!important;padding:0!important;margin:0!important}
.qm-pi-finder-box .qm-pi-results{margin-top:24px!important}
@media(max-width:640px){
  .qm-pi-finder-box{padding:16px!important}
  .qm-pi-finder-box .qm-pi-finder-head{margin-bottom:16px!important}
  .qm-pi-finder-box .qm-pi-query-field{padding:13px 14px!important;margin-bottom:12px!important}
  .qm-pi-finder-box .qm-pi-filter-accordion{margin-bottom:12px!important}
  .qm-pi-finder-box .qm-pi-filter-accordion-summary{padding:12px 14px!important;font-size:14px!important;min-height:50px!important}
  .qm-pi-finder-box .qm-pi-filter-accordion-body{padding:14px!important}
}

/* v35.8.2 — full-bleed product image within the card image row. */
.qm-pi-finder-box .qm-pi-card-image{background:#fff!important}
.qm-pi-finder-box .qm-pi-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important}

/* v36 Native category archive */
.qm-pi-native-product-archive .woocommerce-result-count,.qm-pi-native-product-archive .woocommerce-ordering{display:none!important}
.qm-pi-native-product-archive .qm-pi-finder-box{margin-top:20px;margin-bottom:30px}


/* v36.0.3 — deterministic native archive layout.
 * The archive replacement owns one Flatsome-compatible container so Finder and
 * category SEO content always share the same width. Shortcode pages are unchanged. */
.qm-pi-native-product-archive .qm-pi-native-archive-main{width:100%;padding:22px 0 36px;background:#fff}
.qm-pi-native-product-archive .qm-pi-archive-shell{width:100%;max-width:1280px;margin:0 auto;padding-left:15px;padding-right:15px}
.qm-pi-native-product-archive .qm-pi-archive-header{margin:0 0 14px}
.qm-pi-native-product-archive .qm-pi-archive-header .page-title{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.2}
.qm-pi-native-product-archive .qm-pi-archive-products{width:100%;min-width:0}
.qm-pi-native-product-archive .qm-pi-archive-products .qm-pi-finder-box{width:100%!important;max-width:none!important;margin:0 0 30px!important}
.qm-pi-native-product-archive .qm-pi-archive-seo-content{width:100%;max-width:100%;margin:28px 0 0;overflow-x:auto}
.qm-pi-native-product-archive .qm-pi-archive-seo-content>div,
.qm-pi-native-product-archive .qm-pi-archive-seo-content .term-description{width:100%;max-width:100%;margin-left:0;margin-right:0}
.qm-pi-native-product-archive .qm-pi-archive-seo-content table{width:100%;max-width:100%}
@media(max-width:640px){
 .qm-pi-native-product-archive .qm-pi-native-archive-main{padding-top:14px}
 .qm-pi-native-product-archive .qm-pi-archive-shell{padding-left:12px;padding-right:12px}
 .qm-pi-native-product-archive .qm-pi-archive-seo-content{margin-top:22px}
}

/* v36.0.5 high-resolution archive media: keep full card-row coverage while browser selects retina source via srcset. */
.qm-pi-finder-box .qm-pi-card-image img{image-rendering:auto!important;}

/* v36.0.6 — category SEO content: server-rendered, readable, and non-duplicative. */
.qm-pi-native-product-archive .qm-pi-archive-seo-content{
  width:100%;margin:38px 0 0;padding:30px 0 0;border-top:1px solid #e7e9ee;overflow:visible;
}
.qm-pi-native-product-archive .qm-pi-category-seo-content{width:100%;max-width:100%;color:inherit}
.qm-pi-native-product-archive .qm-pi-category-seo-content>:first-child{margin-top:0!important}
.qm-pi-native-product-archive .qm-pi-category-seo-content>:last-child{margin-bottom:0!important}
.qm-pi-native-product-archive .qm-pi-category-seo-content p,
.qm-pi-native-product-archive .qm-pi-category-seo-content li{line-height:1.75}
.qm-pi-native-product-archive .qm-pi-category-seo-content p{margin-bottom:1em}
.qm-pi-native-product-archive .qm-pi-category-seo-content h2{margin:1.35em 0 .55em;line-height:1.3}
.qm-pi-native-product-archive .qm-pi-category-seo-content h3{margin:1.25em 0 .5em;line-height:1.35}
.qm-pi-native-product-archive .qm-pi-category-seo-content ul,
.qm-pi-native-product-archive .qm-pi-category-seo-content ol{margin-bottom:1.1em}
.qm-pi-native-product-archive .qm-pi-category-seo-content img{max-width:100%;height:auto}
.qm-pi-native-product-archive .qm-pi-category-seo-content table{
  display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch;
}
.qm-pi-native-product-archive .qm-pi-category-seo-content a{text-underline-offset:2px}
@media(max-width:640px){
 .qm-pi-native-product-archive .qm-pi-archive-seo-content{margin-top:28px;padding-top:22px}
 .qm-pi-native-product-archive .qm-pi-category-seo-content p,
 .qm-pi-native-product-archive .qm-pi-category-seo-content li{line-height:1.7}
}

/* v36.0.7 — Native Flatsome category content layout. */
.qm-pi-native-product-archive .qm-pi-archive-top-content{
  margin:0 0 26px;
  width:100%;
}
.qm-pi-native-product-archive .qm-pi-archive-top-content .qm-pi-category-top-content,
.qm-pi-native-product-archive .qm-pi-archive-bottom-content .qm-pi-category-bottom-content{
  width:100%;
}
.qm-pi-native-product-archive .qm-pi-archive-seo-content{
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid #e6e8ec;
}
.qm-pi-native-product-archive .qm-pi-archive-bottom-content{
  margin-top:36px;
  width:100%;
}
/* Do not impose typography/layout rules on Flatsome UX Blocks. Their sections,
   rows and scoped CSS should render exactly as they do in UX Builder. */
.qm-pi-native-product-archive .qm-pi-archive-top-content .section,
.qm-pi-native-product-archive .qm-pi-archive-bottom-content .section{
  max-width:none;
}
@media (max-width:849px){
  .qm-pi-native-product-archive .qm-pi-archive-top-content{margin-bottom:20px}
  .qm-pi-native-product-archive .qm-pi-archive-seo-content{margin-top:28px;padding-top:22px}
  .qm-pi-native-product-archive .qm-pi-archive-bottom-content{margin-top:28px}
}


/* v36.1.7 compatibility additions — preserve v36.0.9 visual baseline. */
.qm-pi-loading[hidden]{display:none!important}
.qm-pi-status-announcer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.qm-pi-feedback:empty{display:none!important}
.qm-pi-catalog-progress{display:grid;gap:8px;margin:0 0 18px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}
.qm-pi-catalog-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#475467;font-size:13px;line-height:1.45}
.qm-pi-catalog-progress-copy strong{color:#101828;font-size:15px}.qm-pi-catalog-progress-copy b{color:#315b8e}
.qm-pi-catalog-progress-track{height:5px;border-radius:999px;background:#e4e7ec;overflow:hidden}.qm-pi-catalog-progress-track>span{display:block;height:100%;border-radius:inherit;background:#315b8e}
.qm-pi-filter-summary-copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.qm-pi-filter-summary-meta{font-size:12px;font-weight:600;color:#667085}.qm-pi-filter-active-chips{display:flex;gap:5px;flex-wrap:wrap}.qm-pi-filter-chip{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eaf1f9;color:#315b8e;font-size:11px;font-weight:600}
.qm-pi-results.qm-pi-is-loading{opacity:.72}
@media(max-width:640px){.qm-pi-catalog-progress-copy{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.qm-pi-product-card{transition:none!important}.qm-pi-product-card:hover{transform:none!important}}

/* v36.1.9: deterministic button accordion. Avoid <details>/<summary> conflicts with Flatsome; native form controls remain fully interactive. */
.qm-pi-finder-box button.qm-pi-filter-accordion-summary{width:100%!important;text-align:left!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important}
.qm-pi-finder-box .qm-pi-filter-accordion-body[hidden]{display:none!important}
.qm-pi-finder-box .qm-pi-filter-accordion-body select,.qm-pi-finder-box .qm-pi-filter-accordion-body input{pointer-events:auto!important;position:relative!important;z-index:2!important}

/* v36.2.0 — Packaging supply model + refined advanced-filter UI.
 * Scoped to the Finder internals only. Archive shell, H1, product cards and
 * approved v36.0.9 page composition are intentionally untouched. */
.qm-pi-finder-box .qm-pi-filter-groups{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.qm-pi-finder-box .qm-pi-filter-group{
  min-width:0!important;
  padding:14px!important;
  border:1px solid #e1e7ef!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fbfcfe 0%,#f8fafc 100%)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
.qm-pi-finder-box .qm-pi-filter-group-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 11px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid #edf0f4!important;
}
.qm-pi-finder-box .qm-pi-filter-group-head strong{
  color:#23354d!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.qm-pi-finder-box .qm-pi-filter-group-head span{
  color:#667085!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:500!important;
  text-align:right!important;
}
.qm-pi-finder-box .qm-pi-filter-group-fields{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
}
.qm-pi-finder-box .qm-pi-filter-group .qm-pi-field{
  min-width:0!important;
  margin:0!important;
}
.qm-pi-finder-box .qm-pi-filter-group .qm-pi-field label,
.qm-pi-finder-box .qm-pi-filter-group label.qm-pi-field{
  color:#344054!important;
  font-size:12px!important;
  font-weight:650!important;
}
/* Keep these as genuine browser-select controls. This deliberately avoids
 * custom select overlays used by some Flatsome/third-party scripts. */
.qm-pi-finder-box .qm-pi-filter-group select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  margin:6px 0 0!important;
  padding:0 34px 0 11px!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  background-color:#fff!important;
  color:#27364a!important;
  font-size:14px!important;
  line-height:42px!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:5!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.qm-pi-finder-box .qm-pi-filter-group select:focus,
.qm-pi-finder-box .qm-pi-filter-group input:focus{
  outline:2px solid rgba(49,91,142,.18)!important;
  outline-offset:1px!important;
  border-color:#315b8e!important;
}
.qm-pi-finder-box .qm-pi-filter-group input[type="number"]{
  height:44px!important;
  border-radius:8px!important;
  background:#fff!important;
}
.qm-pi-finder-box .qm-pi-packaging-source-note{
  color:#667085!important;
  font-size:11px!important;
  font-weight:500!important;
}
@media(max-width:1024px){
  .qm-pi-finder-box .qm-pi-filter-groups{grid-template-columns:1fr!important}
  .qm-pi-finder-box .qm-pi-filter-group-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .qm-pi-finder-box .qm-pi-filter-group{padding:12px!important}
  .qm-pi-finder-box .qm-pi-filter-group-head{display:block!important}
  .qm-pi-finder-box .qm-pi-filter-group-head span{display:block!important;margin-top:3px!important;text-align:left!important}
  .qm-pi-finder-box .qm-pi-filter-group-fields{grid-template-columns:1fr!important}
}
.qm-pi-finder-box .qm-pi-filter-group .qm-pi-field>small{display:block!important;margin-top:5px!important;color:#667085!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important}
.qm-pi-finder-box .qm-pi-filter-accordion.is-open{overflow:visible!important}
.qm-pi-finder-box .qm-pi-filter-accordion.is-open .qm-pi-filter-accordion-body{position:relative!important;z-index:4!important;overflow:visible!important}

/* v36.2.1 — compact five-dimension Finder + category-aware packaging-source field. */
.qm-pi-finder-box .qm-pi-filter-fields{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field{grid-column:span 2;min-width:0;padding:13px 14px;border:1px solid #e4e7ec;border-radius:11px;background:#fbfcfe}
.qm-pi-finder-box .qm-pi-filter-fields-5>.qm-pi-field:nth-last-child(-n+2){grid-column:span 3}
.qm-pi-finder-box .qm-pi-filter-fields-4>.qm-pi-field{grid-column:span 3}
.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field>label{display:block!important;margin:0 0 6px!important;color:#344054!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
.qm-pi-finder-box .qm-pi-filter-fields select,.qm-pi-finder-box .qm-pi-filter-fields input[type="number"]{display:block!important;width:100%!important;max-width:none!important;min-height:44px!important;margin:0!important;border:1px solid #cfd6df!important;border-radius:8px!important;background:#fff!important;color:#1d2939!important;box-shadow:none!important}
.qm-pi-finder-box .qm-pi-filter-fields select{appearance:auto!important;-webkit-appearance:menulist!important;pointer-events:auto!important;position:relative!important;z-index:5!important}
.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field>small{display:block!important;margin-top:5px!important;color:#667085!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important}
@media(max-width:1024px){.qm-pi-finder-box .qm-pi-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field,.qm-pi-finder-box .qm-pi-filter-fields-5>.qm-pi-field:nth-last-child(-n+2),.qm-pi-finder-box .qm-pi-filter-fields-4>.qm-pi-field{grid-column:auto!important}}
@media(max-width:640px){.qm-pi-finder-box .qm-pi-filter-fields{grid-template-columns:1fr!important}.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field{grid-column:auto!important;padding:11px 12px!important}}


/* v36.2.3 — advanced-filter toggle runtime hotfix.
 * Native checkbox + label is a CSS fallback; capture-phase JS synchronizes
 * aria/class state and survives Flatsome/optimization click interception. */
.qm-pi-finder-box .qm-pi-filter-accordion{position:relative!important}
.qm-pi-finder-box .qm-pi-filter-accordion-control{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary{position:relative!important;z-index:6!important;width:100%!important;text-align:left!important;box-sizing:border-box!important}
.qm-pi-finder-box .qm-pi-filter-accordion-control:not(:checked)~.qm-pi-filter-accordion-body{display:none!important}
.qm-pi-finder-box .qm-pi-filter-accordion-control:checked~.qm-pi-filter-accordion-body{display:block!important;position:relative!important;z-index:4!important;overflow:visible!important}
.qm-pi-finder-box .qm-pi-filter-accordion-control:checked~.qm-pi-filter-accordion-summary{border-bottom:1px solid #e4e7ec!important}
.qm-pi-finder-box .qm-pi-filter-accordion-control:checked~.qm-pi-filter-accordion-summary .qm-pi-filter-accordion-icon::after{transform:rotate(0deg)!important}
.qm-pi-finder-box .qm-pi-filter-accordion-summary>*{pointer-events:none!important}

/* v36.2.5 — dropdown overflow safety. */
.qm-pi-finder-box .qm-pi-filter-accordion{
  overflow:visible!important;
}
.qm-pi-finder-box .qm-pi-filter-accordion-body,
.qm-pi-finder-box .qm-pi-filter-fields,
.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field{
  overflow:visible!important;
}

/* v36.2.5 — native details/radio dropdowns for Nguyên liệu + Bao bì.
 * These controls do not depend on a native <select> popup or JS click handlers,
 * so Flatsome/optimizer delegated select events cannot close them before commit. */
.qm-pi-finder-box .qm-pi-filter-fields>.qm-pi-field>.qm-pi-field-label{
  display:block!important;
  margin:0 0 6px!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.qm-pi-finder-box .qm-pi-choice-dropdown{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  z-index:30!important;
}
.qm-pi-finder-box .qm-pi-choice-dropdown[open]{z-index:10040!important}
.qm-pi-finder-box .qm-pi-choice-summary{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #cfd6df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1d2939!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.3!important;
  cursor:pointer!important;
  list-style:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
}
.qm-pi-finder-box .qm-pi-choice-summary::-webkit-details-marker{display:none!important}
.qm-pi-finder-box .qm-pi-choice-summary::marker{display:none!important;content:""!important}
.qm-pi-finder-box .qm-pi-choice-summary:hover{border-color:#98a2b3!important}
.qm-pi-finder-box .qm-pi-choice-summary:focus-visible,
.qm-pi-finder-box .qm-pi-choice-dropdown[open]>.qm-pi-choice-summary{
  outline:2px solid rgba(49,91,142,.18)!important;
  outline-offset:1px!important;
  border-color:#315b8e!important;
}
.qm-pi-finder-box .qm-pi-choice-current{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.qm-pi-finder-box .qm-pi-choice-chevron{
  display:block!important;
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  margin-right:2px!important;
  border-right:2px solid #667085!important;
  border-bottom:2px solid #667085!important;
  transform:rotate(45deg) translateY(-2px)!important;
  transform-origin:center!important;
  transition:transform .15s ease!important;
}
.qm-pi-finder-box .qm-pi-choice-dropdown[open] .qm-pi-choice-chevron{
  transform:rotate(225deg) translate(-1px,-1px)!important;
}
.qm-pi-finder-box .qm-pi-choice-menu{
  position:absolute!important;
  top:calc(100% + 5px)!important;
  left:0!important;
  right:0!important;
  z-index:10050!important;
  max-height:310px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:5px!important;
  border:1px solid #cfd6df!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(16,24,40,.16)!important;
  overscroll-behavior:contain!important;
}
.qm-pi-finder-box .qm-pi-choice-option{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-height:40px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 34px 9px 10px!important;
  border:0!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#344054!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
  cursor:pointer!important;
}
.qm-pi-finder-box .qm-pi-choice-option:hover,
.qm-pi-finder-box .qm-pi-choice-option:focus-within{background:#f2f6fb!important;color:#1d2939!important}
.qm-pi-finder-box .qm-pi-choice-option.is-selected{background:#eaf1f9!important;color:#214d7f!important;font-weight:700!important}
.qm-pi-finder-box .qm-pi-choice-option input[type="radio"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.qm-pi-finder-box .qm-pi-choice-option.is-selected::after{
  content:"✓"!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#315b8e!important;
  font-size:14px!important;
  font-weight:800!important;
}
@media(max-width:640px){
  .qm-pi-finder-box .qm-pi-choice-menu{max-height:260px!important}
}