/* ===============================
   BLOG DETAIL SECTION
================================ */

    .blog-detail-section {
        background: #000;
        color: #ffffff;

        padding: 0 80px;


    }

    .blog-detail-container {
        max-width: 1280px;
        margin: auto;

    }


    /* HEADER */
    .blog-header {
        margin-bottom: 24px;
    }

    .back-link {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        margin-bottom: 12px;
    }

    .blog-title {
        font-family: Orbitron;
        font-weight: 800;
        font-size: 40px;
        line-height: 56px;
        letter-spacing: 0.02em;
        max-width: 900px;
    }

    /* IMAGE */
    .blog-image-wrap {
        margin: 32px 0;
    }

    .blog-image-wrap img {
        width: 100%;
        max-width: 1280px;
        height: 576px;
        object-fit: cover;
        border-radius: 44px;
    }

    /* META */
    .blog-meta {
        font-family: Lato;
        font-size: 14px;
        color: #bdbdbd;
        margin-bottom: 24px;
    }

    /* CONTENT */
    .blog-content p {
        font-family: Lato;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #e0e0e0;
        margin-bottom: 24px;
        max-width: 900px;
    }

    .blog-content h2 {
        font-family: Orbitron;
        font-weight: 800;
        font-size: 32px;
        line-height: 44px;
        letter-spacing: 0.02em;
        margin: 40px 0 16px;
        max-width: 900px;
    }

    /* ===============================
   SOCIAL SHARE FIX
================================ */

    .blog-share {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        background: #232323;
        border-radius: 8px;
        box-shadow: inset 0px 0px 32px rgba(255, 255, 255, 0.25);
        width: fit-content;
    }

    /* Text */
    .blog-share span {

        color: #ffffff;
        margin-right: 8px;

        font-family: Orbitron;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;

        line-height: 100%;
        letter-spacing: 2%;

    }

    /* Icon button */
    .share-btn {
        width: 40px;
        height: 40px;
        /* background: #000; */
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    /* SVG inside */
    .share-btn svg {
        width: 20px;
        height: 20px;
        transition: transform 0.3s ease;
    }

    /* Hover effect */
    .share-btn:hover {
        background: linear-gradient(101.67deg,
                #93C3FD 0%,
                #7D86ED 45.89%,
                #5B63ED 100%);
    }

    .share-btn:hover svg {
        transform: scale(1.15);
    }

    /*  */
    @media (max-width: 991px) {
        .blog-detail-section {
            padding: 0 32px;
        }

        .blog-title {
            font-size: 32px;
            line-height: 44px;
        }

        .blog-image-wrap img {
            height: 420px;
        }
    }

    @media (max-width: 767px) {
        .blog-detail-section {
            padding: 0 20px;
        }

        .blog-title {
            font-size: 26px;
            line-height: 36px;
        }

        .blog-content h2 {
            font-size: 24px;
            line-height: 34px;
        }

        .blog-content p {
            font-size: 16px;
            line-height: 24px;
        }

        .blog-image-wrap img {
            height: auto;
            border-radius: 24px;
        }
    }
 
    @media (max-width: 425px) {
        .blog-share {
            padding: 8px 10px;
        }

        .share-btn {
            width: 32px;
            height: 32px;
        }
    }