/* Product catalog widget */
.iim .iim-cat{background:#fff;padding:90px 0;scroll-margin-top:90px}
.iim .iim-cat.alt{background:var(--off)}
.iim .iim-cat .title{margin-bottom:44px}
.iim .iim-cat-body.has-filter{display:grid;grid-template-columns:25% 1fr;gap:30px;align-items:start}
.iim .iim-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.iim .iim-pcard{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .35s ease,opacity .25s ease}
.iim .iim-pcard:hover{transform:translateY(-6px)}
.iim .iim-pcard .pimg{width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#E9E6E1;box-shadow:0 8px 22px rgba(31,42,55,.07);transition:box-shadow .35s}
.iim .iim-pcard:hover .pimg{box-shadow:0 16px 34px rgba(31,42,55,.14)}
.iim .iim-pcard .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.iim .iim-pcard:hover .pimg img{transform:scale(1.05)}
.iim .iim-pcard .ph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8B8F96;background:repeating-linear-gradient(45deg,#ECEAE6 0 12px,#E6E3DE 12px 24px)}
.iim .iim-pcard .ph-empty svg{width:54px;height:54px;opacity:.75}
.iim .iim-pcard .ph-empty span{font-size:13px;font-weight:600;letter-spacing:.04em}
.iim .iim-pcard h3{font-size:16.5px;font-weight:700;line-height:1.35;margin:16px 0 6px}
.iim .iim-pcard .quote{display:inline-flex;align-items:center;gap:6px;color:var(--o);font-size:13.5px;font-weight:700}
.iim .iim-pcard .quote:hover{color:var(--o-dark);text-decoration:underline}
.iim .iim-pcard.is-hidden{display:none}
.iim .iim-pcard.is-in{animation:iimFade .35s ease}
.iim .iim-filter{background:var(--off);border:1px solid var(--line);border-radius:18px;padding:24px;position:sticky;top:100px}
body.admin-bar .iim .iim-filter{top:132px}
.iim .iim-cat.alt .iim-filter{background:#fff}
.iim .iim-filter .ft{font-size:18px;font-weight:700;margin-bottom:14px}
.iim .iim-filter fieldset{border:0;margin:0;padding:0;min-width:0}
.iim .iim-filter label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14.5px;line-height:1.45;padding:6px 0;color:var(--navy)}
.iim .iim-filter label.parent{font-weight:700;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
.iim .iim-filter ul li label{padding-left:14px}
.iim .iim-filter input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--o);cursor:pointer}
.iim .iim-filter input[type=checkbox]:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.iim .iim-filter .count{margin-left:auto;font-style:normal;font-size:12px;color:var(--grey);background:#fff;border-radius:999px;padding:1px 8px}
.iim .iim-filter .clear{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--o)}
.iim .iim-filter .clear:hover{text-decoration:underline}
.iim .iim-filter-toggle{display:none}
.iim .iim-empty{text-align:center;padding:40px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--grey)}
.iim .iim-empty a{color:var(--o);font-weight:700;text-decoration:underline}
.iim .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:1024px){
  .iim .iim-cat-body.has-filter{grid-template-columns:1fr;gap:24px}
  .iim .iim-filter{position:static}
  .iim .iim-filter fieldset ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .iim .iim-pgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){.iim .iim-cat{padding:70px 0}}
@media (max-width:767px){
  .iim .iim-pgrid{grid-template-columns:1fr;gap:18px}
  .iim .iim-filter{padding:0;overflow:hidden}
  .iim .iim-filter .ft{display:none}
  .iim .iim-filter-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;background:none!important;border:0!important;box-shadow:none!important;padding:16px 20px;font-family:var(--head);font-size:16px;font-weight:700;color:var(--navy)!important;cursor:pointer;line-height:normal}
  .iim .iim-filter-toggle svg{width:20px;height:20px;transition:transform .3s}
  .iim .iim-filter-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
  .iim .iim-filter-panel{display:none;padding:0 20px 18px}
  .iim .iim-filter.open .iim-filter-panel{display:block}
  .iim .iim-filter fieldset ul{grid-template-columns:1fr}
}
