/* [imx_featured] responsive product carousel */
.imx-fs{--gap:20px;--per:4;position:relative}
.imx-fs *{box-sizing:border-box}
.imx-fs-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 18px;margin:0 -2px}
.imx-fs-track::-webkit-scrollbar{display:none}
.imx-fs-track:focus-visible{outline:2px solid #2c3192;outline-offset:4px;border-radius:12px}
/* card */
.imx-fc{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #eceef5;border-radius:18px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.imx-fc:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(22,23,43,.12);border-color:transparent}
.imx-fc-media{position:relative;display:block;aspect-ratio:1/1;background:#f4f5f9;overflow:hidden}
.imx-fc-media img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:opacity .45s ease,transform .6s ease}
.imx-fc-alt{opacity:0}
.imx-fc:hover .imx-fc-media.has-alt .imx-fc-img{opacity:0}
.imx-fc:hover .imx-fc-media.has-alt .imx-fc-alt{opacity:1}
.imx-fc:hover .imx-fc-media img{transform:scale(1.04)}
.imx-fc-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.imx-fc-cat{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a7c8e;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imx-fc-t{margin:0 0 10px;font:600 16px/1.3 var(--imx-head,inherit);letter-spacing:-.01em;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.imx-fc-t a{color:#16172b!important;text-decoration:none}
.imx-fc-t a:hover{color:#2c3192!important}
.imx-fc-colors{display:flex;align-items:center;gap:5px;margin-bottom:14px;min-height:16px}
.imx-fc-colors i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.imx-fc-colors small{margin-left:4px;font-size:12.5px;color:#6b6d80}
.imx-fc-acts{display:flex;gap:8px;margin-top:auto}
.imx-fc-q{flex:1;display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border-radius:999px;background:#eef0fb;color:#2c3192!important;font-weight:700;font-size:13.5px;text-decoration:none;text-align:center;line-height:1.2;transition:background .2s,color .2s}
.imx-fc-q:hover{background:#2c3192;color:#fff!important}
.imx-fc-v{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #e3e5ef;color:#16172b!important;font-size:18px;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.imx-fc-v:hover{border-color:#2c3192;background:#2c3192;color:#fff!important}

.imx-fc-short{display:none}
/* nav: progress bar + arrows under the track */
.imx-fs-nav{display:flex;align-items:center;gap:12px;margin-top:6px}
.imx-fs-bar{flex:1;height:4px;border-radius:4px;background:#eceef5;overflow:hidden}
.imx-fs-bar span{display:block;height:100%;width:25%;border-radius:4px;background:linear-gradient(90deg,#2c3192,#5b4fd6);transform:translateX(0);transition:transform .25s ease,width .25s ease}
.imx-fs .imx-fs-btn{flex:none;width:46px!important;height:46px!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:1.5px solid #e3e5ef!important;background:#fff!important;color:#16172b!important;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s,opacity .2s}
.imx-fs .imx-fs-btn:hover:not(:disabled){background:#2c3192!important;border-color:#2c3192!important;color:#fff!important}
.imx-fs .imx-fs-btn:disabled{opacity:.35;cursor:default}
.imx-fs-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* breakpoints: columns + a peek of the next card on small screens */
@media(max-width:1199px){.imx-fs{--per:3}}
@media(max-width:899px){.imx-fs{--per:2.4;--gap:14px}}
@media(max-width:599px){
  .imx-fs{--per:1.55;--gap:12px}
  .imx-fs-track{margin:0 -16px;padding:6px 16px 16px;scroll-padding:0 16px}
  .imx-fc-body{padding:12px 12px 14px}
  .imx-fc-t{font-size:15px}
  .imx-fs .imx-fs-btn{display:none}
  .imx-fc-q{font-size:13.5px;min-height:40px}.imx-fc-long{display:none}.imx-fc-short{display:inline}.imx-fc-v{width:40px;height:40px}
}
@media(hover:none){.imx-fc:hover{transform:none;box-shadow:none;border-color:#eceef5}.imx-fc:hover .imx-fc-media img{transform:none}}
@media(prefers-reduced-motion:reduce){.imx-fs-track{scroll-behavior:auto}.imx-fc,.imx-fc-media img,.imx-fs-bar span{transition:none}}