/* Store front (inc/storefront.php). Tiles reuse .fp26c-tile from landing-body.css. */
.fp26k {
  --l-ink: #1b2a6b; --l-text: #4a4f63; --l-line: #dfe2ea; --l-soft: #f3f4f8; --l-blue: #2148b0;
  --c-price: #e5391f; --c-muted: #6b7280; --c-radius: 14px; --c-gap: 14px; --c-space: 32px;
  color: var(--l-text); font-size: 14px; line-height: 1.6;
}
.fp26k-main { background: #f6f7fa; }
.fp26k-wrap { max-width: 1240px; margin: 0 auto; padding: 24px 20px 40px; }
.fp26k h1, .fp26k h2 { margin: 0; color: var(--l-ink); letter-spacing: 0; }

/* Layout: filter sidebar on the left, catalogue on the right */
.fp26k-layout { display: grid; grid-template-columns: 236px minmax(0, 1fr); align-items: start; gap: 24px; }
.fp26k-content { min-width: 0; }
.fp26k-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 16px; }
.fp26k-head h1 { font-size: clamp(21px, 2vw, 26px); font-weight: 700; line-height: 1.3; }
.fp26k-count { margin: 0; color: var(--c-muted); font-size: 14px; }
.fp26k-empty { padding: 40px 20px; border: 1px dashed var(--l-line); border-radius: 12px; color: var(--c-muted); background: #fff; text-align: center; }
.fp26k-empty[hidden], .fp26k .fp26c-tile[hidden] { display: none; }

/* Sidebar */
/* The theme wrapper has overflow:hidden, which makes it the sticky container; clip keeps the trim without that. */
body.fp26k-page > div:has(.fp26k), main.fp26k-main { overflow: clip visible !important; }
.fp26k-side { position: sticky; top: 92px; border: 1px solid var(--l-line); border-radius: 14px; background: #fff; }
.fp26k-side > summary { display: none; }
.fp26k-side__box { margin: 0; padding: 16px 18px; border: 0; border-top: 1px solid var(--l-line); min-width: 0; }
.fp26k-side__box:first-of-type { border-top: 0; }
.fp26k-side__title { float: none; width: auto; margin: 0 0 10px; padding: 0; color: var(--l-ink); font-size: 14.5px; font-weight: 700; }
.fp26k-tabs { display: grid; gap: 2px; }
.fp26k .fp26k-tabs a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 8px; color: var(--l-text); font-size: 14px; text-decoration: none; transition: background .15s, color .15s; }
.fp26k .fp26k-tabs a small { color: var(--c-muted); font-size: 12.5px; }
.fp26k .fp26k-tabs a:hover { color: var(--l-blue); background: var(--l-soft); }
.fp26k .fp26k-tabs a[aria-current] { color: var(--l-blue); background: #eef3ff; font-weight: 700; }
.fp26k .fp26k-tabs a[aria-current] small { color: var(--l-blue); }
.fp26k-sort legend { margin-bottom: 6px; }
.fp26k-sort label { display: flex; align-items: center; gap: 10px; margin: 0; padding: 6px 2px; color: var(--l-text); font-size: 14px; font-weight: 400; cursor: pointer; }
.fp26k-sort input { width: 16px; height: 16px; margin: 0; accent-color: var(--l-blue); }
.fp26k-range__inputs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; color: var(--c-muted); }
.fp26k-range__inputs input { width: 100%; min-height: 38px; margin: 0; padding: 6px 10px; border: 1px solid var(--l-line); border-radius: 8px; color: var(--l-ink); font: inherit; font-size: 14px; }
.fp26k-range__inputs input:focus { border-color: var(--l-blue); outline: 0; box-shadow: 0 0 0 3px rgba(33, 72, 176, .15); }
.fp26k .fp26k-range__clear { width: 100%; min-height: 38px; margin-top: 12px; border: 1px solid var(--l-line); border-radius: 8px; color: var(--l-ink); background: #fff; font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.fp26k .fp26k-range__clear:hover { border-color: var(--l-blue); color: var(--l-blue); }
/* Groups */
.fp26k-group { margin-bottom: 28px; }
.fp26k-group[hidden], .fp26k-flat[hidden] { display: none; }
.fp26k-group__head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 12px; }
.fp26k-group__head h2 { font-size: 19px; font-weight: 700; }
.fp26k-group__head h2 small { margin-left: 6px; color: var(--c-muted); font-size: 13px; font-weight: 500; }
.fp26k .fp26k-group__head a { color: var(--l-blue); font-size: 14px; font-weight: 600; text-decoration: none; }
.fp26k .fp26k-group__head a:hover { text-decoration: underline; }
.fp26k-grid { --cols: 4; }
.fp26k-flat { margin-bottom: 28px; }
/* Attachment thumbnails are not banner crops. Reset inherited crop geometry. */
.fp26k .fp26k-img img {
  position: static !important; inset: auto !important; display: block;
  width: 100% !important; max-width: 100% !important; height: 100% !important;
  object-fit: contain; object-position: center;
}
.fp26k .fp26c-crop { aspect-ratio: 1 / 1; }
.fp26k .fp26c-tile__price { padding-top: 6px; }
.fp26k .fp26c-line { margin-top: 8px; }

@media (max-width: 1199px) {
  .fp26k-grid { --cols: 3 !important; }
}
@media (max-width: 991px) {
  .fp26k-layout { grid-template-columns: 1fr; gap: 14px; }
  .fp26k-side { position: static; }
  .fp26k-side > summary { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; color: var(--l-ink); font-weight: 700; cursor: pointer; list-style: none; }
  .fp26k-side > summary::-webkit-details-marker { display: none; }
  .fp26k-side > summary::after { content: "+"; color: var(--l-blue); font-size: 20px; line-height: 1; }
  .fp26k-side[open] > summary::after { content: "\2212"; }
  .fp26k-side[open] > summary { border-bottom: 1px solid var(--l-line); }
  .fp26k-side__box:first-of-type { border-top: 0; }
}
@media (max-width: 767px) {
  .fp26k-wrap { padding: 14px 12px 32px; }
  .fp26k-grid { --cols: 2 !important; }
  .fp26k-group__head h2 { font-size: 17px; }
}