#articles-view .product-filters { min-width:0; }
#articles-view .product-filter-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end; }
#articles-view .product-filter-grid > * { min-width:0; }
#articles-view .product-filters label { font-size:14px;margin:0; }
#articles-view .product-filters :is(input,select,button,summary) { font-size:14px;min-height:44px; }
#articles-view .product-filters input { min-width:0; }
#articles-view .product-filter-more { margin:12px 0; }
#articles-view .product-filter-more > summary { cursor:pointer;color:#175e4e;display:flex;align-items:center;width:fit-content;max-width:100%;padding:6px 0; }
#articles-view .product-filter-more > :not(summary) { margin-top:12px; }
#articles-view .product-margin-filter { grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid #dce4ec;border-radius:8px;padding:14px;min-width:0; }
#articles-view .product-filter-note { grid-column:1/-1;margin:0;color:#536578;font-size:14px; }
#articles-view .product-active-filters { display:flex;flex-wrap:wrap;gap:8px;margin:12px 0; }
#articles-view .product-filter-chip { padding:7px 10px;max-width:100%;overflow-wrap:anywhere;text-align:left; }
#articles-view .product-filter-feedback { margin:8px 0 0;color:#9d321e;font-size:14px; }
#articles-view .product-condition { display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(140px,1fr) minmax(100px,1fr) minmax(100px,1fr) auto;gap:10px;align-items:end;border-top:1px solid #dce4ec;padding:12px 0; }
#articles-view .product-conditions > label { max-width:340px;margin-bottom:12px; }
#articles-view .product-rule { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #dce4ec;padding:12px 0;min-width:0; }
#articles-view .product-rule > * { min-width:0; }
#articles-view .product-rule > button { justify-self:start;align-self:end; }
#articles-view .product-searches { display:flex;gap:10px;align-items:end;flex-wrap:wrap; }
#articles-view .product-searches > label { min-width:160px;flex:1 1 200px; }
#articles-view .product-margin-badge { display:inline-flex;gap:5px;align-items:center;font-size:14px;padding:3px 8px;border-radius:20px;background:#edf1f5;color:#43576a;max-width:100%;white-space:normal; }
#articles-view .product-margin-badge[data-tone=warning] { background:#fff3d6;color:#6c4b12; }
#articles-view .product-margin-badge[data-tone=danger] { background:#ffebe7;color:#8c2b1c; }
#articles-view .product-margin-badge[data-tone=success] { background:#e7f3ed;color:#175e4e; }
#articles-view .product-margin-context { margin:10px 0;font-size:14px;color:#536578;overflow-wrap:anywhere; }
#articles-view .product-rule-summary { margin:12px 18px;font-size:14px; }
#articles-view .product-rule-summary > summary { min-height:44px;display:flex;align-items:center;cursor:pointer; }
#articles-view .product-margin-view { display:flex;gap:12px;align-items:center;flex-wrap:wrap; }
#product-margin-settings { margin:16px 0;min-width:0; }
#product-margin-settings > summary { cursor:pointer;min-height:44px;display:flex;align-items:center;color:#175e4e; }
#product-margin-settings .product-margin-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0; }
#product-margin-settings :is(label,input,select,button) { font-size:14px;min-width:0; }
#product-margin-settings :is(select,input,button) { min-height:44px; }
#product-margin-settings .product-margin-settings-note { overflow-wrap:anywhere;font-size:14px; }
#product-margin-settings .product-margin-settings-actions { display:flex;gap:10px;flex-wrap:wrap; }
#product-margin-settings .product-margin-mapping { margin:12px 0;padding:10px 0;border-top:1px solid #dce4ec;min-width:0; }
#product-margin-settings .product-margin-mapping > summary { cursor:pointer;min-height:44px;display:flex;align-items:center; }
#product-margin-settings .inline-check { display:flex;flex-direction:row;align-items:flex-start;gap:10px; }
#product-margin-settings .inline-check input { flex:none;width:auto;min-height:24px; }
#articles-view .product-filters [hidden],#product-margin-settings [hidden] { display:none!important; }
@container (max-width:950px) { #articles-view .product-condition { grid-template-columns:repeat(2,minmax(0,1fr)); } #articles-view .product-condition > button { justify-self:start; } }
@container (max-width:760px) { #articles-view .product-filter-grid,#articles-view .product-margin-filter,#articles-view .product-rule { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:420px) { #articles-view .product-filter-grid,#articles-view .product-margin-filter,#articles-view .product-condition,#articles-view .product-rule { grid-template-columns:minmax(0,1fr); } #articles-view .product-filters :is(input,select,button,summary) { font-size:16px; } #articles-view .product-filters .searchable-choice :is(summary,.inline-check,input) { font-size:16px; } }
@media(max-width:600px) { #product-margin-settings .product-margin-settings-grid { grid-template-columns:minmax(0,1fr); } #product-margin-settings :is(input,select,button) { font-size:16px; } }

#articles-view .product-filter-grid > label:first-child { grid-column:1/-1;max-width:600px; }
#articles-view .product-choice-availability { margin:6px 0 0;color:#536578;font-size:13px;overflow-wrap:anywhere; }
#articles-view .product-choice-availability:empty { display:none; }
#articles-view .product-choice summary[aria-disabled=true] { opacity:.65;cursor:default; }
#articles-view .product-standard-note { margin:10px 18px;font-size:14px;color:#536578; }
#articles-view .product-filters > .product-margin-filter { margin-top:16px; }
#articles-view .product-condition > * { min-width:0; }
#articles-view .product-standard-button { min-height:44px; }

#articles-view .product-remove-condition { width:44px;justify-self:start;font-size:22px;line-height:1; }
#articles-view .product-filters .filter-workspace-toolbar { margin-bottom:10px; }
#articles-view .product-filters .filter-workspace-quick { margin-top:0; }
#articles-view .product-filters .product-margin-filter { margin:12px 0; }
#articles-view .product-filters .product-active-filters:empty { display:none; }
#articles-view .product-filters .product-preference-details:empty { display:none; }
#articles-view .product-filters .filter-workspace-quick .product-filter-grid { gap:8px 12px; }
@media(max-width:760px) { #articles-view .product-filter-grid,#articles-view .product-margin-filter,#articles-view .product-rule { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { #articles-view .product-filter-grid,#articles-view .product-margin-filter,#articles-view .product-rule { grid-template-columns:minmax(0,1fr); } }