/*
            Чистая типографика главных скейтов.
            Структуру карусели и маршруты не меняем: дочерние категории
            автоматически появляются внутри соответствующего скейта.
        */
        .main-grid.home-card-carousel > .main-card .main-body {
            justify-content: center !important;
            padding: 108px 30px 96px !important;
        }

        .main-grid.home-card-carousel > .main-card .main-title {
            width: 100% !important;
            max-width: 224px !important;
            margin: 0 auto 24px !important;
            color: #f2d984 !important;
            font-size: clamp(17px, 1.18vw, 23px) !important;
            line-height: 1.08 !important;
            letter-spacing: 0.055em !important;
            text-align: center !important;
            text-wrap: balance;
            word-break: keep-all !important;
            overflow-wrap: normal !important;
            hyphens: none !important;
        }

        .main-grid.home-card-carousel > .main-card .main-title--tattoo {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            gap: 7px !important;
            max-width: 238px !important;
        }

        .main-grid.home-card-carousel > .main-card .main-title__eyebrow {
            display: block !important;
            width: 100% !important;
            max-width: 196px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            color: rgba(242, 217, 132, 0.84) !important;
            font-size: 9px !important;
            line-height: 1.16 !important;
            letter-spacing: 0.06em !important;
            text-align: center !important;
            white-space: nowrap !important;
        }

        .main-grid.home-card-carousel > .main-card .main-title__primary {
            display: block !important;
            color: #f2d984 !important;
            font-size: clamp(22px, 1.52vw, 29px) !important;
            line-height: 1 !important;
            letter-spacing: 0.045em !important;
            white-space: nowrap !important;
        }

        .main-grid.home-card-carousel > .main-card .subgrid {
            width: 100% !important;
            max-width: 220px !important;
            margin: 0 auto !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 7px !important;
        }

        .main-grid.home-card-carousel > .main-card .subcard {
            display: block !important;
            width: 100% !important;
            max-width: 220px !important;
            margin: 0 auto !important;
            padding: 6px 4px 7px !important;
            border-bottom: 1px solid rgba(201, 163, 58, 0.18) !important;
            color: rgba(242, 217, 132, 0.88) !important;
            font-size: clamp(10px, 0.72vw, 13px) !important;
            line-height: 1.18 !important;
            letter-spacing: 0.055em !important;
            text-align: center !important;
            text-wrap: balance;
            word-break: keep-all !important;
            overflow-wrap: normal !important;
            hyphens: none !important;
        }

        .main-grid.home-card-carousel > .main-card .subcard:last-child {
            border-bottom-color: transparent !important;
        }

        .main-grid.home-card-carousel > .main-card.is-active .main-title__eyebrow,
        .main-grid.home-card-carousel > .main-card.is-active .main-title__primary,
        .main-grid.home-card-carousel > .main-card.is-active .subcard {
            opacity: 1 !important;
        }

        @media (max-width: 900px) {
            .main-grid.home-card-carousel > .main-card .main-body {
                padding: 96px 24px 84px !important;
            }

            .main-grid.home-card-carousel > .main-card .main-title__eyebrow {
                max-width: 180px !important;
                font-size: 8px !important;
                letter-spacing: 0.05em !important;
            }

            .main-grid.home-card-carousel > .main-card .main-title__primary {
                font-size: 23px !important;
            }

            .main-grid.home-card-carousel > .main-card .subcard {
                max-width: 190px !important;
                font-size: 11px !important;
            }
        }