/* Scoped to this component */
.uxb-featured-products { --fp-gap: 26px; margin: 0px 0 10px; }
.uxb-fp__head{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.uxb-fp__kicker{ color:#db2628; font-weight:800; margin:0; font-size:32px; width:80%}
.uxb-fp__title{ margin:0; font-weight:800; font-size: clamp(24px,3.5vw,44px); }
.uxb-fp__browse{ margin-left:auto; font-weight:600; border-radius:1rem; padding:5px 20px; background:#fbfbfb; display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit;box-shadow: 4px 1px 15px #ddd;}
.uxb-fp__arrow{ display:inline-block; transform:translateY(-1px); font-size:20px; }

.uxb-fp__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--fp-gap);
}
@media (max-width: 1024px){
  .uxb-fp__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .uxb-fp__grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap: var(--fp-gap); padding-bottom:8px; }
  .uxb-fp__card{ min-width: 82%; scroll-snap-align:start; }
}

.uxb-fp__card{
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  display:flex; flex-direction:column; height:100%;
  transition: transform .2s ease, box-shadow .2s ease;
}
.uxb-fp__card:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.09); }

.uxb-fp__media{ background:#faf6ea; padding:0px; display:flex; align-items:center; justify-content:center; min-height:215px; }
.uxb-fp__media img{ max-width: 100%; height:auto; }

.uxb-fp__body{ padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px;height:200px; }
.uxb-fp__product-title{ margin:0; font-size:22px; line-height:1.2; font-weight: 600;}
.uxb-fp__tagline{ margin:0; color:#555; }

.uxb-fp__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.uxb-fp__chip{ font-size:13px; padding:6px 10px; border-radius:10rem; background:#f2f2f2; color:#333; }

.uxb-fp__cta{ margin-top:auto; }
.btn{ display:inline-block; text-decoration:none; border-radius:10rem; padding:12px 18px; font-weight:700; }
.btn--primary{ background:#e23d2b; color:#fff; }
.btn--primary:hover{ filter:brightness(.95); }
.btn--browse:hover{ background:#eee; }
.uxb-fp__slider.no-slider{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap:26px;
}