.tld-detail-header {
    position: relative;
    padding: 60px 0;
    background: var(--ix-color-domains-gradient-tertiary);

    &:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-image: url(/fileadmin/files/ix/global/template/patterns/line-pattern-domains.svg);
        width: 52%;
        opacity: 1;
        background-size: cover;

        @media(max-width: 768px) {
            width: 100%;
            height: 50%;
            top: auto;
            bottom: 0;
            transform: rotateX(180deg);
        }
    }

    .row{
        align-items: center;
    }

    .tld-detail-header-image{
        img{
            padding:  0 0 0 0;

            @media(max-width: 768px) {
                padding:  30px 0 0 0;
            }
        }
    }
}

.domain-check-search {
    form {
        button {
            white-space: nowrap;

            .text{
                font-weight: 700;
            }

            @media (max-width: 770px) {
                &:hover{
                    .btn-icon{
                        background: transparent;
                        transform: none;

                        img{
                            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(241deg) brightness(103%) contrast(103%);
                        }
                    }
                }
            }
            @media (max-width: 1199px) {
                    .text{
                        display: none;
                    }
                    .btn-icon{
                        margin-left: 0;
                    }
                }
        }

        &.form-control--big .form-control {
            font-size: var(--ix-type-m);
            color: var(--ix-color-grey-dark);
            padding-bottom: 0;

            &::placeholder {
                font-size: var(--ix-type-m);
                color: var(--ix-color-grey-dark);
            }
        }
    }
}

.tld-detail-header-cta {
    h1{
        word-break: break-word;
        font-size: var(--ix-type-3xl);
    }
    p{
        font-weight: 500;
    }
}

.tld-detail-body {
    padding: 80px 0;

    .tld-detail-body-section:not(:last-of-type) {
        margin-bottom: 36px;
    }

    h2{
        line-height: 1.5;
    }

    .tld-detail-text{
        p{
            color: var(--ix-color-grey-dark);
        }
    }
}

.tld-detail-logos {
    padding: 68px 0;
    background: var( --ix-color-grey-verylight);

    .flex{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        column-gap: 30px;
        row-gap: 30px;

        img{
            height: 44px;
            width: auto;
        }
    }
}

.tld-title-pill {
    background: var(--ix-color-white);
    border: 1px solid var(--ix-color-grey-mid);
    padding: 0 25px;
    border-radius: 100px;

    .tld-title-pill-text {
        background: var(--ix-color-domains-gradient-primary);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-weight: 700;
    }
}

.tld-detail-data{
    align-items: center;

    .tld-detail-data-list-item {
        margin-bottom: 25px;

        p {
            margin: 0;
        }

        .tld-detail-data-list-item-text-label {
            font-weight: bold;
        }

        .tld-detail-data-list-item-text-value{
            color: var(--ix-color-grey-dark);
        }
    }

    @media(max-width: 768px) {
        flex-direction: column-reverse;

        .tld-detail-data-image{
            margin-bottom: 25px;
        }
    }
}



.tld-detail-restrictions {
    border: 1px solid #EBD356;
    background: #FFFAEB;
    padding: 42px;
    color: #A15C07;

    @media(max-width: 768px) {
        padding: 20px;
    }

    img {
        filter: brightness(0) saturate(100%) invert(79%) sepia(30%) saturate(760%) hue-rotate(7deg) brightness(102%) contrast(92%);
    }

    h5 {
        color: #A15C07;
        margin: 0;
    }

    ul{
        margin-left: 33px;

        li{
            list-style-position: initial;
        }
    }
}