body {
            font-family: Arial, Helvetica, sans-serif;
            background: #fff;
            padding: 40px;
        }

        .comments-box {
            max-width: 650px;
            margin: auto;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .header {
            background: #f5f6f7;
            padding: 12px 16px;
            border-bottom: 1px solid #ddd;
            font-weight: 600;
            font-size: 14px;
            color: #555;
        }

        .comment-count {
            padding: 16px;
            font-weight: 600;
        }

        .comment {
            display: flex;
            gap: 10px;
            padding: 10px 16px;
        }

        .reply {
            margin-left: 40px;
        }

        .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

        .content {
            flex: 1;
        }

        .bubble {
            background: #f0f2f5;
            border-radius: 18px;
            padding: 10px 14px;
        }

        .name {
            font-weight: 600;
            color: #385898;
            font-size: 14px;
        }

        .text {
            font-size: 15px;
            margin-top: 4px;
            color: #050505;
        }

        .actions {
            font-size: 12px;
            color: #777;
            margin-top: 4px;
        }

        .actions span {
            margin-right: 10px;
            cursor: pointer;
        }

        .actions span:hover {
            text-decoration: underline;
        }

        .main-head-facebook {
            padding-top: .75rem;
            padding-bottom: .75rem;
            padding-left: 1rem;
            padding-right: 1rem;
            background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
            border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem;
        }

        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128 / var(--tw-text-opacity, 1));
            padding-left: 9px;
        }

        .mt-1 {
            margin-top: .25rem;
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem;
            padding-left: 10px;
        }

        .w-5 {
            width: 1.25rem;
        }

        .items-center {
            align-items: center;
        }

        .flex {
            display: flex;
        }

        .h-5 {
            height: 1.25rem;
        }

        .actions {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 4px;
            font-size: 12px;
            color: #65676b;
        }

        .actions .dot {
            color: #bcc0c4;
        }

        .action-btn {
            background: none;
            border: none;
            font-size: 12px;
            color: #65676b;
            font-weight: 600;
            cursor: pointer;
            padding: 0;
        }

        .action-btn:hover {
            text-decoration: underline;
        }

        .reactions {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .reaction-count {
            font-size: 12px;
            font-weight: 600;
            color: #65676b;
        }

        .reaction-icons {
            display: flex;
            align-items: center;
        }

        .reaction {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        }

        .reaction.like {
            background: #1877f2;
            z-index: 2;
        }

        .reaction.love {
            background: linear-gradient(135deg, #ff4d4d, #ff0066);
            margin-left: -6px;
        }

        .media-logos {
            background: #fff;
            padding: 24px 16px;
        }

        .media-logos__list {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 32px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .media-logos__item img {
            height: 48px;
            width: auto;
            object-fit: contain;

            filter: grayscale(100%);
            opacity: .7;

            transition: all .3s ease;
        }

        .media-logos__item img:hover {
            filter: grayscale(0%);
            opacity: 1;
        }

        .container-header {
            background: #000;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 18px;
            border-bottom: 3px solid #e30613;
            max-width: 687px;
            margin: 0 auto;
        }

        #vsl {
            padding-top: 0;
        }

        #vsl #video {
            background: #000;
        }

        .site-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            color: #fff;
        }

        .header-btn {
            background: none;
            border: none;
            color: #fff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            padding: 0;
        }

        #video {
            max-width: 687px;
            margin: 0 auto;
        }

        .news-ticker {
            background: #d60000;
            overflow: hidden;
            width: 100%;
            max-width: 686px;
            margin: 0 auto;
        }

        .news-track {
            display: flex;
            white-space: nowrap;
            animation: ticker-scroll 18s linear infinite;
        }

        .news-track span {
            color: #fff;
            font-weight: 700;
            font-size: 13px;
            letter-spacing: .5px;
            padding: 6px 0;
            margin-right: 40px;
        }

        @keyframes ticker-scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }