/* ORIGEX — ORX-P01 | PG10 Products Grid | M7 second pass
 * B2B product discovery only: no ecommerce pricing, ratings, cart, wishlist or sort.
 */

/* Hero ------------------------------------------------------------------- */
.orx-products-hero{padding-block:clamp(3rem,5vw,5rem)}
.orx-products-hero .orx-hero__grid{align-items:center;gap:clamp(1.75rem,4vw,4rem)}
.orx-products-hero .orx-hero__grid>div:first-child{max-inline-size:45rem}
.orx-products-hero h1{text-wrap:balance}
.orx-products-hero .orx-lead{max-inline-size:58ch;text-wrap:pretty}
.orx-products-hero .orx-media.orx-media--hero{
  min-inline-size:0;min-block-size:420px;block-size:420px;aspect-ratio:auto;overflow:hidden;
  border-color:var(--orx-border-strong);border-radius:var(--orx-radius-lg);
  background:radial-gradient(circle at 82% 14%,rgba(14,117,103,.08),transparent 34%),linear-gradient(145deg,var(--orx-surface-soft),var(--orx-surface));
  box-shadow:var(--orx-shadow-e2)
}
.orx-products-hero .orx-media--hero img{inline-size:100%;block-size:100%;object-fit:cover}
.orx-products-hero__meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:1.15rem}
.orx-products-hero__meta .orx-badge{border-color:color-mix(in srgb,var(--orx-border-strong) 68%,var(--orx-border));background:color-mix(in srgb,var(--orx-surface) 90%,var(--orx-secondary) 10%)}

/* Discovery console ------------------------------------------------------ */
.orx-products-shell{display:grid;gap:1.5rem;align-items:start}
.orx-products-controls{
  position:relative;display:grid;gap:1rem;padding:clamp(1rem,2.5vw,1.4rem);
  border:1px solid var(--orx-border);border-block-start:3px solid var(--orx-secondary);border-radius:var(--orx-radius-lg);
  background:radial-gradient(circle at 92% 8%,rgba(14,117,103,.055),transparent 30%),var(--orx-surface);box-shadow:var(--orx-shadow-e1)
}
.orx-products-controls__grid{display:grid;gap:.9rem;align-items:end}
.orx-products-controls__grid :is(.orx-field,.orx-search){min-inline-size:0}
.orx-products-controls__actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding-block-start:.15rem}
.orx-products-controls__actions .orx-text-action{margin-inline-start:auto}
.orx-products-filter-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.1rem;padding-block-start:.8rem;border-block-start:1px solid var(--orx-border)}
.orx-products-filter-summary:empty{display:none}
.orx-products-filter-summary .orx-badge{
  display:inline-flex;align-items:center;gap:.3rem;min-block-size:44px;padding-block:.25rem;padding-inline:.65rem .3rem;
  border-color:color-mix(in srgb,var(--orx-secondary) 35%,var(--orx-border));background:color-mix(in srgb,var(--orx-secondary) 7%,var(--orx-surface))
}
.orx-products-filter-summary .orx-badge button{
  display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;margin-inline-start:.05rem;padding:0;
  border:0;border-radius:var(--orx-radius-pill);background:transparent;color:inherit;font:inherit;cursor:pointer
}
.orx-products-filter-summary .orx-badge button:is(:hover,:focus-visible){background:color-mix(in srgb,var(--orx-secondary) 12%,transparent)}

/* Results bridge --------------------------------------------------------- */
.orx-products-results{min-width:0}
.orx-products-results__head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.15rem;padding-block:.9rem;
  border-block:1px solid var(--orx-border)
}
.orx-products-results__head p{margin:0;color:var(--orx-text-muted)}
.orx-products-results__head [data-pg10-count]{color:var(--orx-primary-strong);font-weight:800}

/* Product grid ----------------------------------------------------------- */
.orx-products-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.orx-products-grid .orx-product-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;border-color:var(--orx-border);border-block-start:3px solid var(--orx-border-strong);
  box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.orx-products-grid .orx-product-card:nth-child(3n+2){border-block-start-color:var(--orx-secondary)}
.orx-products-grid .orx-product-card:nth-child(3n){border-block-start-color:var(--orx-accent)}
.orx-products-grid .orx-product-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--orx-primary) 28%,var(--orx-border));box-shadow:var(--orx-shadow-e1)}
.orx-products-grid .orx-product-card:focus-within{border-color:var(--orx-primary);box-shadow:var(--orx-shadow-e1)}
.orx-products-grid .orx-product-card__media{
  position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4/3;padding:clamp(.9rem,2vw,1.15rem);
  border-block-end:1px solid var(--orx-border);background:radial-gradient(circle at 82% 14%,rgba(14,117,103,.055),transparent 32%),linear-gradient(145deg,var(--orx-surface-soft),var(--orx-surface))
}
.orx-products-grid .orx-product-card__media img{width:100%;height:100%;object-fit:contain}
.orx-products-grid .orx-product-card__body{display:flex;flex:1;flex-direction:column;gap:.8rem}
.orx-product-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-block-end:.75rem;border-block-end:1px solid var(--orx-border)}
.orx-product-card__identity :is(h2,h3){margin:0;font-size:1.12rem;line-height:1.4}
.orx-product-card__brand{margin:0;color:var(--orx-text-muted);font-size:.9rem;font-weight:700}
.orx-product-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-block:1px solid var(--orx-border)}
.orx-product-card__fact{min-inline-size:0;padding:.72rem .75rem;border:0;border-radius:0;background:transparent}
.orx-product-card__fact:nth-child(even){border-inline-start:1px solid var(--orx-border)}
.orx-product-card__fact:nth-child(n+3){border-block-start:1px solid var(--orx-border)}
.orx-product-card__fact dt{margin:0 0 .2rem;color:var(--orx-text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
html[dir="rtl"] .orx-product-card__fact dt{text-transform:none;letter-spacing:0}
.orx-product-card__fact dd{margin:0;font-size:.88rem;font-weight:800;overflow-wrap:anywhere}
.orx-product-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-block-start:auto;padding-block-start:.25rem}
.orx-product-card__actions .orx-btn{width:100%;min-block-size:44px;justify-content:center}

/* Pagination / states ---------------------------------------------------- */
.orx-products-pagination{display:flex;justify-content:center;margin-block-start:2rem;padding-block-start:1.25rem;border-block-start:1px solid var(--orx-border)}
.orx-products-pagination .orx-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0}
.orx-products-pagination button{
  display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;padding-inline:.7rem;border:1px solid var(--orx-border);
  border-radius:var(--orx-radius-sm);background:var(--orx-surface);color:var(--orx-text);font-weight:800;cursor:pointer
}
.orx-products-pagination button:is(:hover,:focus-visible){border-color:var(--orx-border-strong);background:var(--orx-surface-soft)}
.orx-products-pagination button[aria-current="page"]{background:var(--orx-primary);border-color:var(--orx-primary);color:#fff}
.orx-products-pagination button:disabled{opacity:.45;cursor:not-allowed}
.orx-products-empty,.orx-products-error{grid-column:1/-1;padding:clamp(1.4rem,3vw,2rem);border-radius:var(--orx-radius-lg)}
.orx-products-empty{border:1px dashed var(--orx-border-strong);background:var(--orx-surface-soft);text-align:center}
.orx-products-error{border:1px solid rgba(166,61,64,.35);border-inline-start:4px solid var(--orx-danger);background:rgba(166,61,64,.05)}
.orx-products-error strong{display:block;margin-block-end:.35rem;color:var(--orx-danger)}
.orx-products-loading{grid-column:1/-1;display:grid;place-items:center;min-height:220px;border:1px dashed var(--orx-border-strong);border-radius:var(--orx-radius-lg);background:var(--orx-surface-soft);color:var(--orx-text-muted)}
.orx-products-disclosure{margin-block-start:1.25rem;padding:1rem 1.1rem;border:1px solid var(--orx-border);border-inline-start:4px solid var(--orx-accent);border-radius:var(--orx-radius-md);background:var(--orx-surface-soft);color:var(--orx-text-muted);font-size:.9rem}

/* Responsive ------------------------------------------------------------- */
@media(min-width:680px){
  .orx-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orx-products-controls__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orx-products-controls__grid .orx-search{grid-column:1/-1}
}
@media(min-width:1024px){
  .orx-products-controls__grid{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,.75fr))}
  .orx-products-controls__grid .orx-search{grid-column:auto}
  .orx-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991.98px){
  .orx-products-hero{padding-block:2.25rem 2.75rem}
  .orx-products-hero .orx-hero__grid{grid-template-columns:1fr;gap:1.1rem}
  .orx-products-hero .orx-media.orx-media--hero{min-block-size:240px;block-size:240px;aspect-ratio:auto!important}
  .orx-products-controls__actions .orx-text-action{margin-inline-start:0}
}
@media(max-width:679.98px){
  .orx-products-hero{padding-block:1.6rem 2rem}
  .orx-products-hero .orx-hero__grid{gap:.85rem}
  .orx-products-hero h1{font-size:clamp(2.15rem,9vw,2.85rem)}
  html[dir="rtl"] .orx-products-hero h1{line-height:1.2}
  .orx-products-hero .orx-lead{font-size:.98rem;line-height:1.6}
  .orx-products-hero .orx-media.orx-media--hero{min-block-size:180px;block-size:180px}
  .orx-products-hero__meta{margin-block-start:.85rem}
  .orx-products-controls__actions{align-items:stretch;flex-direction:column}
  .orx-products-controls__actions .orx-btn{width:100%}
  .orx-products-results__head{align-items:flex-start;flex-direction:column}
  .orx-product-card__actions{grid-template-columns:1fr}
  .orx-products-grid .orx-product-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.orx-products-grid .orx-product-card{transition:none}}
