.el67-benefits {
    --el67-accent: var(--element-accent, var(--amin-color-primary));
    background: var(--amin-color-surface-raised);
    color: var(--amin-color-text);
    direction: rtl;
    overflow: hidden;
    padding-block: clamp(40px, 5vw, 70px);
    position: relative;
}

.el67-benefits::before {
    background: color-mix(in srgb, var(--amin-color-surface) 65%, transparent);
    block-size: clamp(110px, 16vw, 230px);
    clip-path: polygon(0 0, 100% 0, 35% 100%, 0 100%);
    content: "";
    inline-size: clamp(160px, 28vw, 430px);
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
}

.el67-shell { position: relative; z-index: 1; }
.el67-heading { margin: 0 auto clamp(28px, 4vw, 44px); max-width: 760px; text-align: center; }
.el67-heading h2 { color: inherit; font-size: clamp(28px, 3vw, 44px); font-weight: 800; line-height: 1.55; margin: 0 0 8px; overflow-wrap: anywhere; }
.el67-heading p { color: var(--amin-color-text-muted); font-size: clamp(14px, 1.35vw, 18px); line-height: 2; margin: 0; overflow-wrap: anywhere; }
.el67-viewport { margin-inline: auto; max-width: 1240px; }
.el67-grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.el67-benefits[data-benefit-count="1"] .el67-viewport { max-width: 340px; }
.el67-benefits[data-benefit-count="1"] .el67-grid { grid-template-columns: minmax(0, 1fr); }
.el67-benefits[data-benefit-count="2"] .el67-viewport { max-width: 650px; }
.el67-benefits[data-benefit-count="2"] .el67-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.el67-benefits[data-benefit-count="3"] .el67-viewport { max-width: 960px; }
.el67-benefits[data-benefit-count="3"] .el67-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.el67-grid > .swiper-slide { height: auto; min-width: 0; }

.el67-card {
    align-items: center;
    background: var(--amin-color-surface);
    border: 1px solid var(--amin-color-border);
    border-radius: 10px;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--amin-color-text) 7%, transparent);
    box-sizing: border-box;
    color: var(--amin-color-text);
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 194px;
    padding: 24px 26px;
}

.el67-icon { align-items: center; display: flex; flex: 0 0 96px; justify-content: center; min-height: 92px; padding-inline-end: 20px; }
.el67-icon img { display: block; height: 76px; object-fit: contain; width: 76px; }
.el67-card--with-icon .el67-content { border-inline-start: 1px solid var(--amin-color-border); padding-inline-start: 24px; text-align: start; }
.el67-content { min-width: 0; text-align: center; }
.el67-content h3 { color: inherit; font-size: clamp(17px, 1.35vw, 21px); font-weight: 750; line-height: 1.7; margin: 0; overflow-wrap: anywhere; }
.el67-accent { background: var(--el67-accent); border-radius: 999px; display: block; height: 2px; margin: 12px auto 14px; width: 34px; }
.el67-card--with-icon .el67-accent { margin-inline: 0; }
.el67-content p { color: var(--amin-color-text-muted); font-size: 14px; line-height: 2; margin: 0; overflow-wrap: anywhere; }

@media (max-width: 991.98px) and (min-width: 768px) {
    .el67-viewport,
    .el67-benefits[data-benefit-count] .el67-viewport { max-width: 720px; }
    .el67-grid,
    .el67-benefits[data-benefit-count] .el67-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .el67-benefits[data-benefit-count="1"] .el67-viewport { max-width: 350px; }
    .el67-benefits[data-benefit-count="1"] .el67-grid { grid-template-columns: minmax(0, 1fr); }
    .el67-benefits[data-benefit-count="3"] .el67-grid > .swiper-slide:last-child { grid-column: 1 / -1; justify-self: center; width: calc(50% - 6px); }
}

@media (max-width: 767.98px) {
    .el67-benefits { padding-block: 36px; }
    .el67-heading { margin-bottom: 24px; }
    .el67-heading h2 { font-size: 27px; }
    .el67-viewport,
    .el67-benefits[data-benefit-count] .el67-viewport { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: inline mandatory; }
    .el67-viewport::-webkit-scrollbar { display: none; }
    .el67-viewport.swiper-initialized { overflow: hidden; scroll-snap-type: none; }
    .el67-grid,
    .el67-benefits[data-benefit-count] .el67-grid { display: flex; gap: 0; }
    .el67-grid > .swiper-slide { flex: 0 0 100%; scroll-snap-align: start; width: 100%; }
    .el67-card { min-height: 190px; padding: 22px 20px; }
    .el67-icon { flex-basis: 88px; padding-inline-end: 16px; }
    .el67-icon img { height: 68px; width: 68px; }
    .el67-card--with-icon .el67-content { padding-inline-start: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .el67-grid { scroll-behavior: auto; }
}