.baby-benefits{--radius: 18px;position:relative;max-width:1280px;margin:28px auto;padding:0 24px;font-family:Quicksand,-apple-system,BlinkMacSystemFont,sans-serif}.baby-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.baby-benefits__card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #F0EDE8;border-radius:var(--radius);padding:18px 20px;box-shadow:0 2px 10px #1414140a;transition:transform .18s ease,box-shadow .18s ease}.baby-benefits__card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #14141414}.baby-benefits__icon{flex:none;width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.baby-benefits__icon svg{width:28px;height:28px}.baby-benefits__text{display:flex;flex-direction:column;line-height:1.3}.baby-benefits__text strong{font-size:15px;font-weight:700;color:#2e2e2e}.baby-benefits__text span{font-size:13px;color:#8a8a8a;font-weight:500}.baby-benefits__arrow,.baby-benefits__dots{display:none}@media(max-width:990px){.baby-benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.baby-benefits{padding:0 16px}.baby-benefits__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;-ms-overflow-style:none;scrollbar-width:none}.baby-benefits__grid::-webkit-scrollbar{display:none}.baby-benefits__card{flex:0 0 100%;scroll-snap-align:start}.baby-benefits__arrow{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #EEE;align-items:center;justify-content:center;color:#555;box-shadow:0 4px 10px #00000014}.baby-benefits__arrow svg{width:18px;height:18px}.baby-benefits__arrow--prev{left:4px}.baby-benefits__arrow--next{right:4px}.baby-benefits__dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.baby-benefits__dots span{width:7px;height:7px;border-radius:50%;background:#e3e1dc;transition:background .2s ease,width .2s ease}.baby-benefits__dots span.is-active{background:#ee3d7c;width:18px;border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/baby-benefits.css.map */