.optpl-details-container {
    position: relative;

    .optpl-back {
        display: inline-block;
        color: $color--opui-gray500;
        font-size: 14px;
        margin: 0 0 20px 0;

        .i {
            font-size: 13px;
            margin-right: 5px;
        }
    }
}

.optpl-details-card {
    position: relative;
    background: $color--opui-white;
    margin: 30px 0 60px 0;
    padding: 35px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    min-height: 500px;

    .optpl-template-like {
        top: 45px;
        right: 45px;
        opacity: 1 !important;
        height: 30px !important;
        font-size: 15px !important;
    }

    .optpl-details-card__info {
        h2 {
            font-size: 32px !important;
            margin: 0 0 25px 0 !important;
        }

        p {
            margin-bottom: 25px;
        }

        .optpl-details-card__collections {
            margin: 0 0 15px 0;

            span {
                display: inline-block;
                background: $color--opui-green100;
                color: $color--opui-green700;
                padding: 10px 15px;
                border-radius: 5px;
                font-size: 14px;
                margin-right: 10px;
            }
        }

        .optpl-details-card__tags {
            margin: 0 0 25px 0;

            h3 {
                font-size: 14px !important;
                color: $color--opui-gray500 !important;
                margin-bottom: 10px !important;
            }

            span {
                display: inline-block;
                background: $color--opui-gray200;
                color: $color--opui-gray600;
                padding: 3px 8px;
                border-radius: 18px;
                font-size: 12px;
                margin-right: 10px;
                margin-bottom: 8px;
            }
        }

        .optpl-details-card__actions {
            margin: 40px 0 0 0;

            a {
                margin-right: 15px;
                font-size: 16px;

                i {
                    font-size: 18px;
                }
            }

            .opui-btn-outline {
                border-color: $color--opui-gray900 !important;
            }
        }
    }

    .optpl-details-card__media {
        img {
            width: 100%;
            border-radius: 10px;
            border: 1px solid $color--opui-gray100;
            min-height: 100px;
            background: #f9f9f9;
        }
    }
}

.optpl-details-related {
    margin: 50px 0;

    .optpl-templates__list ul {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}