.shopping-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 36px 0;
    padding: 28px 12px;
    border: 1px solid #e8ebef;
    border-radius: 18px;
    background: linear-gradient(120deg, #fff, #f8f9fb);
    box-shadow: 0 6px 24px rgb(24 29 38 / 3%);
}
.shopping-benefit {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 0 24px;
}
.shopping-benefit + .shopping-benefit { border-left: 1px solid #e5e8ed; }
.shopping-benefit-icon {
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #f1e1e4;
    border-radius: 15px;
    background: #fff4f5;
    color: var(--prj-primary, #c50918);
}
.shopping-benefit-icon svg { width: 27px; height: 27px; }
.shopping-benefit h3 { margin: 0 0 5px; color: #182131; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: -.015em; }
.shopping-benefit p { margin: 0; color: #6b7280; font-size: 12px; line-height: 1.5; }
@media (max-width: 1100px) {
    .shopping-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
    .shopping-benefit:nth-child(3) { border-left: 0; }
}
@media (max-width: 600px) {
    .shopping-benefits { padding: 20px 4px; gap: 22px 0; border-radius: 14px; margin: 28px 0; }
    .shopping-benefit { padding: 0 12px; gap: 10px; align-items: flex-start; }
    .shopping-benefit-icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 11px; }
    .shopping-benefit-icon svg { width: 21px; height: 21px; }
    .shopping-benefit h3 { font-size: 12px; margin-bottom: 3px; }
    .shopping-benefit p { font-size: 10px; }
}
@media (max-width: 360px) {
    .shopping-benefits { grid-template-columns: 1fr; }
    .shopping-benefit + .shopping-benefit { border-left: 0; }
}