.ut-hero-shell {
            --ut-hero-gap: 12px;
            --ut-hero-radius: 18px;
            --ut-hero-border: #e8edf3;
            background: linear-gradient(180deg, #fbfbfb 0%, #ffffff 100%);
            padding: 10px 0 18px;
        }

        .ut-hero-frame {
            display: flex;
            flex-direction: column;
            gap: var(--ut-hero-gap);
            border-radius: 24px;
        }

        .ut-hero-grid {
            margin-left: calc(var(--ut-hero-gap) * -0.5);
            margin-right: calc(var(--ut-hero-gap) * -0.5);
            row-gap: var(--ut-hero-gap);
        }

        .ut-hero-grid > [class*='col-'] {
            padding-left: calc(var(--ut-hero-gap) * 0.5);
            padding-right: calc(var(--ut-hero-gap) * 0.5);
        }

        .ut-hero-main-card,
        .ut-hero-promo-card,
        .ut-hero-service-strip {
            background: #fff;
            border: 1px solid var(--ut-hero-border);
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
        }

        .ut-hero-main-card,
        .ut-hero-promo-card {
            height: 100%;
            border-radius: var(--ut-hero-radius);
            overflow: hidden;
            line-height: 0;
        }

        .ut-hero-main-slider,
        .ut-hero-main-slider .aiz-carousel,
        .ut-hero-main-slider .carousel-box,
        .ut-hero-main-slider .slick-list,
        .ut-hero-main-slider .slick-track,
        .ut-hero-main-slider .slick-slide,
        .ut-hero-main-slider .slick-slide > div {
            height: 100%;
        }

        .ut-hero-main-slider {
            min-height: 462px;
        }

        .ut-hero-main-slide {
            display: block;
            height: 100%;
        }

        .ut-hero-main-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .ut-hero-main-card .slick-arrow {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
        }

        .ut-hero-main-card .slick-arrow:before {
            color: #111827;
        }

        .ut-hero-promo-stack {
            display: flex;
            flex-direction: column;
            gap: var(--ut-hero-gap);
            height: 100%;
        }

        .ut-hero-promo-card {
            display: block;
            min-height: 225px;
            height: calc(50% - (var(--ut-hero-gap) / 2));
        }

        .ut-hero-promo-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        .ut-hero-service-strip {
            border-radius: var(--ut-hero-radius);
            padding: 10px 8px;
        }

        .ut-hero-service-item {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 12px 8px;
            min-height: 64px;
        }

        .ut-hero-service-item i {
            font-size: 27px;
            flex: 0 0 auto;
        }

        .ut-hero-service-item span {
            color: #374151;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.25;
        }

        @media (min-width: 992px) {
            .ut-hero-service-col:not(:last-child) .ut-hero-service-item {
                border-right: 1px solid #efefef;
            }
        }

        @media (max-width: 991.98px) {
            .ut-hero-shell {
                --ut-hero-gap: 10px;
            }

            .ut-hero-main-slider {
                min-height: 392px;
            }

            .ut-hero-promo-stack {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: var(--ut-hero-gap);
            }

            .ut-hero-promo-card {
                min-height: 196px;
                height: auto;
            }

            .ut-hero-service-strip {
                padding: 8px 6px;
            }

            .ut-hero-service-item {
                justify-content: flex-start;
                border-radius: 14px;
                padding: 12px;
            }
        }

        @media (max-width: 767.98px) {
            .ut-hero-shell {
                --ut-hero-gap: 8px;
                padding: 8px 0 16px;
            }

            .ut-hero-main-card,
            .ut-hero-promo-card,
            .ut-hero-service-strip {
                border-radius: 14px;
            }

            .ut-hero-main-slider {
                min-height: 280px;
            }

            .ut-hero-main-card .slick-arrow {
                width: 36px;
                height: 36px;
            }

            .ut-hero-promo-stack {
                gap: var(--ut-hero-gap);
            }

            .ut-hero-promo-card {
                min-height: 140px;
            }

            .ut-hero-service-strip {
                padding: 8px;
            }

            .ut-hero-service-item {
                min-height: 58px;
                gap: 10px;
                padding: 10px 8px;
            }

            .ut-hero-service-item i {
                font-size: 24px;
            }

            .ut-hero-service-item span {
                font-size: 12px;
            }
        }

        @media (max-width: 389px) {
            .ut-hero-service-strip .col {
                flex: 0 0 50%;
                max-width: 50%;
            }
        }