.ftk-overview { --ftk-border:#d9dee3; --ftk-muted:#53606b; --ftk-accent:#c81721; color:inherit; font:inherit; width:100%; }
.ftk-overview *, .ftk-overview *::before, .ftk-overview *::after { box-sizing:border-box; }
.ftk-overview [hidden] { display:none !important; }
.ftk-overview .ftk-overview-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; padding:20px; margin:0 0 20px; border:1px solid var(--ftk-border); border-radius:8px; background:#f6f7f8; }
.ftk-overview label { display:block; min-width:0; margin:0; }
.ftk-overview label>span, .ftk-overview legend { display:block; margin:0 0 6px; font-size:14px; line-height:1.4; font-weight:600; }
.ftk-overview select, .ftk-overview input[type=search] { width:100%; min-width:0; max-width:100%; height:44px; border:1px solid #aeb7bf; border-radius:4px; background:#fff; color:#20272e; padding:8px 10px; font:inherit; font-size:15px; line-height:1.4; }
.ftk-overview .ftk-overview-advanced { grid-column:1/-1; margin:0; padding:0; border:0; }
.ftk-overview .ftk-overview-advanced summary { cursor:pointer; font-size:14px; font-weight:600; padding:10px 0; }
.ftk-overview .ftk-overview-advanced-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; padding:8px 0; }
.ftk-overview .ftk-overview-classes { grid-column:1/-1; padding:0; margin:0; border:0; min-width:0; }
.ftk-overview .ftk-overview-classes label { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:5px 12px; margin:0 6px 4px 0; border:1px solid var(--ftk-border); background:#fff; border-radius:4px; font-size:16px; cursor:pointer; }
.ftk-overview .ftk-overview-classes input { margin:0; width:18px; height:18px; accent-color:var(--ftk-accent); }
.ftk-overview .ftk-overview-classes small { display:block; color:var(--ftk-muted); font-size:13px; }
.ftk-overview .ftk-overview-reset { align-self:end; min-height:44px; padding:8px 12px; border:1px solid #88939d; border-radius:4px; background:#fff; color:#20272e; font:inherit; font-size:14px; cursor:pointer; }
.ftk-overview .ftk-overview-reset:hover { background:#e9ecef; }
.ftk-overview :is(a,button,input,select):focus-visible { outline:3px solid #176799; outline-offset:3px; }
.ftk-overview .ftk-overview-count { font-weight:700; margin:0 0 6px; }
.ftk-overview .ftk-overview-help { margin:0 0 20px; font-size:14px; line-height:1.5; color:var(--ftk-muted); }
.ftk-overview .ftk-overview-product { display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; padding:22px 0; border-top:1px solid var(--ftk-border); margin:0; }
.ftk-overview .ftk-overview-image { display:flex; align-items:flex-start; justify-content:center; padding-top:4px; }
.ftk-overview .ftk-overview-no-image { grid-template-columns:minmax(0,1fr); }
.ftk-overview .ftk-overview-no-image .ftk-overview-image { display:none; }
.ftk-overview .ftk-overview-image img { width:100px; height:140px; object-fit:contain; margin:0; }
.ftk-overview .ftk-overview-info { min-width:0; }
.ftk-overview h3 { margin:0 0 8px; font-size:20px; line-height:1.35; }
.ftk-overview h3 a { color:inherit; text-decoration:none; }
.ftk-overview h3 a:hover { text-decoration:underline; }
.ftk-overview .ftk-overview-note { margin:0 0 12px; font-size:15px; line-height:1.5; }
.ftk-overview .ftk-overview-info dl { display:block; margin:0 0 14px; border:0; box-shadow:none; font-size:17px; line-height:1.45; }
.ftk-overview dl>div { display:grid; grid-template-columns:minmax(130px,32%) minmax(0,1fr); gap:12px; min-width:0; padding:8px 10px; }
.ftk-overview dl>div:nth-child(odd) { background:#fff; }
.ftk-overview dl>div:nth-child(even) { background:#f5f7f8; }
.ftk-overview .ftk-overview-price dd { min-width:0; }
.ftk-overview .ftk-overview-price dd>:first-child { margin-top:0; }
.ftk-overview .ftk-overview-price dd>:last-child { margin-bottom:0; }
.ftk-overview .ftk-overview-info dl dt { color:inherit; font-size:inherit; line-height:inherit; font-weight:600; overflow-wrap:anywhere; }
.ftk-overview .ftk-overview-info dl dd { margin:0; font-size:inherit; line-height:inherit; overflow-wrap:anywhere; }
.ftk-overview .ftk-overview-link { display:inline-block; padding:10px 14px; background:var(--ftk-accent); color:#fff; border-radius:4px; font-size:14px; line-height:1.5; font-weight:600; text-decoration:none; }
.ftk-overview .ftk-overview-link:hover { background:#a9141c; color:#fff; }
.ftk-overview .ftk-overview-empty { padding:22px; background:#f6f7f8; border:1px solid var(--ftk-border); border-radius:6px; }
.ftk-overview .ftk-overview-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) {
  .ftk-overview .ftk-overview-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; gap:12px; }
  .ftk-overview .ftk-overview-search { grid-column:1/-1; }
  .ftk-overview .ftk-overview-advanced-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ftk-overview select, .ftk-overview input[type=search] { font-size:16px; }
  .ftk-overview .ftk-overview-product { grid-template-columns:74px minmax(0,1fr); gap:14px; }
  .ftk-overview .ftk-overview-no-image { grid-template-columns:minmax(0,1fr); }
  .ftk-overview .ftk-overview-image img { width:70px; height:110px; }
  .ftk-overview h3 { font-size:19px; }
  .ftk-overview dl>div { display:block; }
  .ftk-overview .ftk-overview-info dl dt { margin-bottom:4px; }
}
@media(max-width:420px) { .ftk-overview .ftk-overview-filters, .ftk-overview .ftk-overview-advanced-grid { grid-template-columns:1fr; } }
@media print { .ftk-overview .ftk-overview-filters { display:none; } .ftk-overview .ftk-overview-product { break-inside:avoid; } }