.ahura-banner-slider { --banner-width: 30%; display: grid; grid-template-columns: var(--banner-width) minmax(0, 1fr); gap: 16px; align-items: stretch; background: transparent; }
.ahura-banner-slider *, .ahura-banner-slider *::before { box-sizing: border-box; }
.ahura-banner-slider__banner { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 40px; padding: 32px; border-radius: 32px; background: linear-gradient(135deg, #ffe1d4, #ffd0a8); color: #813b1b; text-align: start; }
.ahura-banner-slider__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 17px; background: #fff; color: #813b1b; font-size: 23px; }
.ahura-banner-slider__icon svg { width: 22px; height: 22px; fill: currentColor; }
.ahura-banner-slider__title { margin: 0 0 12px; font-size: 24px; line-height: 1.6; font-weight: 800; color: inherit; overflow-wrap: anywhere; }
.ahura-banner-slider__description { margin: 0 0 22px; font-size: 13px; line-height: 1.9; color: inherit; overflow-wrap: anywhere; }
.ahura-banner-slider__button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; border: 0; border-radius: 30px; background: #fff; color: #813b1b; font-size: 12px; line-height: 1.7; text-decoration: none; }
.ahura-banner-slider a.ahura-banner-slider__button:hover { background: #fff5ed; }
.ahura-banner-slider__button:focus-visible { outline: 2px solid #813b1b; outline-offset: 3px; }
.ahura-banner-slider .ahura-platform-slider { --platform-desktop: 4; --platform-tablet: 2; --platform-icon-size: 120px; --platform-gap: 16px; display: flex; flex-direction: column; min-width: 0; }
.ahura-banner-slider .ahura-platform-slider__track { flex: 0 0 auto; align-items: start; }
.ahura-banner-slider .ahura-platform-slider__card { display: grid; grid-template-rows: minmax(0, 1fr) auto; justify-items: center; align-items: center; height: var(--product-card-height, 290px); gap: 14px; padding: 24px 14px; border-radius: 28px; text-align: center; }
.ahura-banner-slider .ahura-platform-slider__icon { width: var(--product-image-width, 80%); max-width: 100%; height: auto; max-height: 100%; min-height: 0; aspect-ratio: 1; border-radius: 23px; font-size: 34px; }
.ahura-banner-slider .ahura-platform-slider__icon svg { width: 36px; height: 36px; }
.ahura-banner-slider .ahura-platform-slider__icon i { font-size: 36px; }
.ahura-banner-slider .ahura-platform-slider__icon .ahura-banner-slider__product-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.ahura-banner-slider :where(.ahura-platform-slider__card:nth-child(4n + 1)) .ahura-platform-slider__icon { background: #ffd6bc; color: #803d25; }
.ahura-banner-slider :where(.ahura-platform-slider__card:nth-child(4n + 2)) .ahura-platform-slider__icon { background: #e7e5b5; color: #685308; }
.ahura-banner-slider :where(.ahura-platform-slider__card:nth-child(4n + 3)) .ahura-platform-slider__icon { background: #ffd1d6; color: #85374b; }
.ahura-banner-slider :where(.ahura-platform-slider__card:nth-child(4n + 4)) .ahura-platform-slider__icon { background: #b9e5ff; color: #005573; }
.ahura-banner-slider .ahura-platform-slider__text { flex: 0 1 auto; width: 100%; text-align: center; }
.ahura-banner-slider .ahura-platform-slider__title { font-size: 14px; font-weight: 700; }
.ahura-banner-slider .ahura-platform-slider__subtitle { font-family: inherit; font-size: 12px; text-align: center; }
@media (max-width: 1023px) { .ahura-banner-slider { --banner-width: 34%; } .ahura-banner-slider__banner { padding: 24px; } }
@media (max-width: 767px) { .ahura-banner-slider { grid-template-columns: minmax(0, 1fr); } .ahura-banner-slider__banner { gap: 24px; } }