.ip-price-range-wrapper{margin:1.5rem 0;font-family:inherit}
.ip-price-range-form{margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:8px;background:#f7f7f9;border:1px solid #e0e0e5}
.ip-price-range-form .ip-form-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}
.ip-price-range-form .ip-form-field{display:flex;flex-direction:column;min-width:120px}
.ip-price-range-form label{font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:#333}
.ip-price-range-form input[type=number]{padding:.4rem .6rem;border-radius:4px;border:1px solid #ccc;font-size:.9rem;max-width:160px}
.ip-price-range-form select.ip-select{padding:.4rem .6rem;border-radius:4px;border:1px solid #ccc;font-size:.9rem;max-width:180px;background-color:#fff}

.ip-submit-btn{padding:.5rem 1.2rem;border-radius:999px;border:none;font-size:.9rem;font-weight:600;background:#222;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .1s ease;box-shadow:0 2px 4px rgba(0,0,0,.15)}
.ip-submit-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.ip-submit-btn:active{transform:translateY(0);box-shadow:none}

.ip-price-range-results-info{margin-bottom:.75rem;font-size:.9rem;color:#555}
.ip-price-range-grid{display:grid;gap:1.25rem}
@media (max-width:767px){.ip-price-range-grid{grid-template-columns:1fr}}
@media (min-width:768px) and (max-width:1199px){.ip-price-range-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.ip-price-range-grid{grid-template-columns:repeat(5,1fr)}}

.ip-product-card{background:#fff;border-radius:10px;border:1px solid #e2e2e8;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.ip-product-card:hover{transform:translateY(-2px);border-color:#d0d0dd;box-shadow:0 6px 12px rgba(0,0,0,.08)}
.ip-product-thumb{display:block;width:100%;text-align:center;background:#fafafa;padding:.75rem}
.ip-product-thumb img{max-width:100%;height:auto;display:inline-block}
.ip-product-no-thumb{display:inline-block;width:100%;padding:1rem 0;color:#aaa;font-size:.8rem}
.ip-product-body{padding:.75rem .9rem .9rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.ip-product-title{font-size:.9rem;font-weight:600;color:#222;text-decoration:none}
.ip-product-title:hover{text-decoration:underline}
.ip-product-price{font-size:.9rem;font-weight:600;color:#009688}

.ip-price-range-pagination{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}
.ip-price-range-pagination a,.ip-price-range-pagination span{display:inline-block;min-width:32px;text-align:center;padding:.25rem .6rem;border-radius:999px;border:1px solid #ddd;font-size:.85rem;text-decoration:none;color:#333;background:#fff}
.ip-price-range-pagination a:hover{background:#f0f0f5}
.ip-price-range-pagination .ip-page-current{background:#222;color:#fff;border-color:#222;font-weight:600}
.ip-price-range-pagination .ip-page-disabled{opacity:.4;cursor:default}
.ip-price-range-pagination .ip-page-ellipsis{opacity:.7;padding:.25rem .6rem}

.ip-price-range-results-container.ip-loading{opacity:.6;pointer-events:none}

/* actions */
.ip-form-field-actions{display:flex;flex-direction:column;gap:.35rem}
.ip-copy-link-btn{display:none;padding:.4rem 1rem;border-radius:999px;border:1px solid #ccc;font-size:.85rem;background:#fff;color:#333;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.ip-copy-link-btn.is-visible{display:inline-flex;align-items:center;justify-content:center}
.ip-copy-link-btn:hover{background:#f5f5f5;border-color:#bbb}
.ip-copy-link-btn.copied{background:#e0f7e9;border-color:#46a36b;color:#1f6b3b}

/* v2: toggle + panel */
.ip-form-field-toggle{min-width:160px}
.ip-toggle-colors-btn{padding:.45rem 1rem;border-radius:999px;border:1px solid #ccc;font-size:.9rem;font-weight:600;background:#fff;color:#222;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}
.ip-toggle-colors-btn:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}
.ip-toggle-colors-btn:active{transform:translateY(0)}

.ip-colors-panel{margin-top:.75rem;border-radius:10px;border:1px solid #e0e0e5;background:#fff;display:none}
.ip-colors-panel.is-open{display:block}
.ip-colors-inner{padding:1rem 1.25rem}
.ip-colors-title{font-size:.95rem;font-weight:700;margin-bottom:.6rem;color:#222}
.ip-color-grid{display:flex;flex-wrap:wrap;gap:.5rem}
.ip-color-grid-full{width:100%}
.ip-color-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid #ddd;border-radius:999px;background:#fff;cursor:pointer;user-select:none;transition:background .15s ease,border-color .15s ease,transform .1s ease}
.ip-color-pill:hover{background:#f5f5f5;border-color:#cfcfcf}
.ip-color-pill input{width:16px;height:16px}
.ip-muted{font-size:.85rem;color:#666}
.ip-colors-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.ip-submit-btn-bottom,.ip-copy-link-btn-bottom{min-width:160px}
@media (max-width:767px){
  .ip-colors-actions{flex-direction:column;align-items:stretch}
  .ip-submit-btn-bottom,.ip-copy-link-btn-bottom{width:100%}
}

.ip-price-range-form input[type="text"] {
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 0.9rem;
    min-width: 220px;
}
.ip-form-field-search {
    min-width: 220px;
    flex: 1 1 260px;
}
