/* MSBD 3.3.0: lightweight four-feature benefits strip replacing homepage filter pills.
   Only this homepage section and its following heading rhythm are changed. */
.reference-home > section.container.yb-shopping-benefits{
  box-sizing:border-box;
  width:min(1480px,calc(100% - 56px))!important;
  max-width:1480px!important;
  margin:16px auto 0!important;
  padding:0!important;
}
.reference-home .yb-shopping-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  align-items:stretch;
  background:#fff;
  border:1px solid #ecede7;
  border-radius:19px;
  padding:16px 11px;
  box-shadow:0 9px 32px rgba(18,59,43,.05);
}
.reference-home .yb-shopping-benefits__item{
  display:flex;
  align-items:center;
  min-width:0;
  gap:15px;
  padding:7px clamp(11px,1.45vw,28px);
  color:#0b3829;
  position:relative;
}
.reference-home .yb-shopping-benefits__item+.yb-shopping-benefits__item::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:1px;
  background:#e8eee8;
}
.reference-home .yb-shopping-benefits__icon{
  flex:0 0 56px;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#00603e;
  background:linear-gradient(140deg,#eef6ec 0%,#f6f2e1 100%);
  box-shadow:inset 0 0 0 1px rgba(0,90,45,.04);
}
.reference-home .yb-shopping-benefits__icon .yb-icon{
  width:27px;
  height:27px;
  stroke-width:1.8px;
}
.reference-home .yb-shopping-benefits__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.reference-home .yb-shopping-benefits__copy strong{
  display:block;
  color:#0c3324;
  font-size:clamp(13px,1.08vw,16px);
  font-weight:750;
  line-height:1.35;
}
.reference-home .yb-shopping-benefits__copy>span{
  display:block;
  color:#748078;
  font-size:clamp(11px,.86vw,13px);
  line-height:1.5;
  font-weight:400;
}
.reference-home > section.container.reference-collection{
  margin-top:34px!important;
}
@media(max-width:1100px){
  .reference-home .yb-shopping-benefits__grid{padding:12px 8px}
  .reference-home .yb-shopping-benefits__item{gap:10px;padding:7px 10px}
  .reference-home .yb-shopping-benefits__icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
  .reference-home .yb-shopping-benefits__icon .yb-icon{width:24px;height:24px}
  .reference-home .yb-shopping-benefits__copy strong{font-size:13px}
  .reference-home .yb-shopping-benefits__copy>span{font-size:11px}
}
@media(max-width:1024px){
  .reference-home > section.container.yb-shopping-benefits{width:calc(100% - 32px)!important}
}
@media(max-width:920px){
  .reference-home .yb-shopping-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px 8px;gap:0;border-radius:16px}
  .reference-home .yb-shopping-benefits__item{min-height:72px;padding:10px 13px}
  .reference-home .yb-shopping-benefits__item:nth-child(3)::before{display:none}
  .reference-home .yb-shopping-benefits__item:nth-child(n+3){border-top:1px solid #edf0eb}
  .reference-home > section.container.reference-collection{margin-top:25px!important}
}
@media(max-width:680px){
  .reference-home > section.container.yb-shopping-benefits{width:calc(100% - 26px)!important;margin-top:12px!important}
  .reference-home .yb-shopping-benefits__grid{padding:8px 5px;border-radius:14px}
  .reference-home .yb-shopping-benefits__item{gap:9px;min-height:76px;padding:8px 9px}
  .reference-home .yb-shopping-benefits__icon{width:39px;height:39px;flex-basis:39px;border-radius:11px}
  .reference-home .yb-shopping-benefits__icon .yb-icon{width:21px;height:21px}
  .reference-home .yb-shopping-benefits__copy{gap:3px}
  .reference-home .yb-shopping-benefits__copy strong{font-size:11.5px;line-height:1.32}
  .reference-home .yb-shopping-benefits__copy>span{font-size:10px;line-height:1.38}
  .reference-home > section.container.reference-collection{margin-top:25px!important}
}
@media(max-width:350px){
  .reference-home .yb-shopping-benefits__item{gap:6px;padding:8px 6px}
  .reference-home .yb-shopping-benefits__icon{width:32px;height:32px;flex-basis:32px}
  .reference-home .yb-shopping-benefits__icon .yb-icon{width:18px;height:18px}
  .reference-home .yb-shopping-benefits__copy strong{font-size:10.5px}
  .reference-home .yb-shopping-benefits__copy>span{font-size:9.5px}
}