.smp-pro{
  --smp-gap:22px;
  --smp-card-width:260px;
  --smp-arrow-space:34px;
  position:relative;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding-inline:var(--smp-arrow-space);
  overflow:visible;
}
.smp-pro *{box-sizing:border-box}
.smp-viewport{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
}
.smp-viewport::-webkit-scrollbar{display:none}
.smp-track{
  display:flex;
  flex-wrap:nowrap;
  gap:var(--smp-gap);
  align-items:stretch;
  width:max-content;
  min-width:100%;
}
.smp-card{
  flex:0 0 var(--smp-card-width);
  width:var(--smp-card-width);
  max-width:var(--smp-card-width);
  min-width:0;
  border:1.5px solid #4e7a3d;
  border-radius:12px;
  background:#fff4df;
  padding:10px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  overflow:hidden;
}
.smp-card__image{
  width:100%;
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:6px;
}
.smp-card__image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
.smp-card__title{
  margin:0 0 5px;
  font-size:16px;
  line-height:1.15;
  font-weight:800;
  text-transform:uppercase;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.smp-card__description,
.smp-card__details{
  font-size:12px;
  line-height:1.25;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.smp-card__description{margin-bottom:14px}
.smp-card__details{margin-top:auto;margin-bottom:12px}
.smp-card__button-wrap{display:flex;justify-content:center;width:100%}
.smp-card__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none!important;
  white-space:nowrap;
  border:none;
  background:#f47a00;
  color:#fff;
  border-radius:18px;
  padding:8px 14px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:3;
}
.smp-card__button:hover,.smp-card__button:focus{color:#fff;filter:brightness(.96)}
.smp-card__button-icon{display:inline-flex;line-height:1}
.smp-card__button-icon svg{width:1em;height:1em;fill:currentColor}
.smp-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:30;
  border:0!important;
  background:transparent!important;
  color:#315c2b;
  padding:4px;
  margin:0;
  min-width:0;
  min-height:0;
  line-height:1;
  cursor:pointer;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center;
  justify-content:center;
  font-size:32px;
}
.smp-arrow:hover,.smp-arrow:focus{background:transparent!important;color:inherit;transform:translateY(-50%) scale(1.08)}
.smp-arrow--prev{left:2px}
.smp-arrow--next{right:2px}
.smp-arrow svg{width:1em;height:1em;fill:currentColor}
@media(max-width:767px){
  .smp-pro{--smp-arrow-space:26px}
  .smp-card__title{font-size:16px}
}