/* ===== Blog Oku Layout ===== */
            .page-wrap { padding: 24px 0 40px; }
            .pm-card {
                background: #fff;
                border: 1px solid rgba(15, 23, 42, .10);
                border-radius: 14px;
                box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
            }
            .pm-card-body { padding: 22px; }

            .pm-article-title {
                font-weight: 900;
                letter-spacing: -.2px;
                line-height: 1.15;
                margin: 0 0 10px;
            }
            /* Kategori + Zaman pill tasarım */
            .pm-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin: 10px 0 16px;
            }

            .pm-pill {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 10px 16px;
                border-radius: 999px;
                font-weight: 800;
                font-size: 14px;
                line-height: 1;
                border: 1px solid rgba(15, 23, 42, .10);
                background: #fff;
                user-select: none;
                white-space: nowrap;
                box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
            }

            .pm-pill .pm-ico {
                width: 30px;
                height: 30px;
                border-radius: 999px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: 1px solid rgba(15, 23, 42, .10);
                background: rgba(2, 6, 23, .03);
                flex: 0 0 30px;
            }

            .pm-pill .pm-ico i {
                font-size: 14px;
                opacity: .95;
            }

            .pm-pill--cat {
                border-color: rgba(0, 82, 255, .18);
                background: rgba(0, 82, 255, .08);
                color: #0b2bdc;
            }
            .pm-pill--cat .pm-ico {
                border-color: rgba(0, 82, 255, .18);
                background: rgba(0, 82, 255, .10);
            }

            .pm-pill--time {
                border-color: rgba(15, 23, 42, .10);
                background: rgba(2, 6, 23, .04);
                color: rgba(2, 6, 23, .72);
                font-weight: 800;
            }

            .pm-pill:hover {
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
            }

            /* paragraf() bazen <p> döndürdüğü için pill içinde boşluk oluşuyor */
            .pm-pill p { margin: 0; }
            .pm-pill p:last-child { margin-bottom: 0; }

            .pm-thumb img {
                width: 100%;
                height: auto;
                border-radius: 12px;
                border: 1px solid rgba(15, 23, 42, .08);
            }

            .pm-content {
                margin-top: 16px;
                color: rgba(2,6,23,.86);
                line-height: 1.9;
                font-size: 15.5px;
            }
            .pm-content img { max-width: 100%; height: auto; border-radius: 10px; }

            /* ===== Sidebar ===== */
            .pm-side-title {
                font-weight: 900;
                font-size: 16px;
                margin: 0 0 12px;
                letter-spacing: -.2px;
            }
            .pm-list {
                margin: 0; padding: 0; list-style: none;
            }
            .pm-list li + li { margin-top: 10px; }
            .pm-list a {
                text-decoration: none;
                color: rgba(2,6,23,.86);
            }
            .pm-list a:hover { color: #0052ff; }

            /* Sidebar - Son işler (referans) */
            .pm-ref-list { display: grid; gap: 12px; }
            .pm-ref-item {
                display: flex;
                gap: 12px;
                padding: 10px;
                border-radius: 12px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: #fff;
                text-decoration: none;
                color: rgba(2,6,23,.86);
                transition: .15s ease;
            }
            .pm-ref-item:hover {
                transform: translateY(-1px);
                box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
                border-color: rgba(0,82,255,.22);
            }
            .pm-ref-thumb {
                width: 70px;
                border-radius: 10px;
                overflow: hidden;
                border: 1px solid rgba(15, 23, 42, .08);
                flex: 0 0 70px;
                background: rgba(2,6,23,.04);
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .pm-ref-thumb img { width: 100%; height: 100%; object-fit: cover; }
            .pm-ref-body { min-width: 0; flex: 1; }
            .pm-ref-title {
                font-weight: 900;
                font-size: 14px;
                line-height: 1.25;
                margin: 2px 0 4px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            .pm-ref-sub {
                font-size: 12px;
                color: rgba(2,6,23,.55);
                display: flex;
                align-items: center;
                gap: 8px;
            }
            .pm-ref-sub i { color: #0052ff; }
            .pm-ref-go {
                width: 34px;
                height: 34px;
                border-radius: 999px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: rgba(0,82,255,.06);
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 34px;
                margin-left: auto;
            }
            .pm-ref-item:hover .pm-ref-go { background: rgba(0,82,255,.10); border-color: rgba(0,82,255,.22); }

            /* Sidebar - Son yazılar (blog) */
            .pm-blog-list { display: grid; gap: 12px; }
            .pm-blog-item {
                display: flex;
                gap: 12px;
                padding: 10px;
                border-radius: 12px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: #fff;
                text-decoration: none;
                color: rgba(2,6,23,.86);
                transition: .15s ease;
                align-items: center;
                overflow: hidden;
            }
            .pm-blog-item:hover {
                transform: translateY(-1px);
                box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
                border-color: rgba(0,82,255,.22);
            }
            .pm-blog-thumb {
                width: 58px;
                height: 44px;
                border-radius: 10px;
                overflow: hidden;
                border: 1px solid rgba(15, 23, 42, .08);
                flex: 0 0 58px;
                background: rgba(2,6,23,.04);
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .pm-blog-thumb img { width: 100%; height: 100%; object-fit: cover; }
            .pm-blog-body { min-width: 0; flex: 1; }
            .pm-blog-title {
                font-weight: 900;
                font-size: 14px;
                line-height: 1.25;
                margin: 2px 0 6px;
                display: flex;
                align-items: flex-start;
                gap: 8px;
            }
            .pm-blog-title .pm-blog-title-text {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            .pm-blog-title .pm-blog-title-arrow {
                width: 26px;
                height: 26px;
                border-radius: 999px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: rgba(0,82,255,.06);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 26px;
                margin-left: auto;
            }
            .pm-blog-title .pm-blog-title-arrow i { color: #0052ff; font-size: 13px; }
            .pm-blog-item:hover .pm-blog-title-arrow { background: rgba(0,82,255,.10); border-color: rgba(0,82,255,.22); }
            .pm-blog-meta {
                display: flex;
                flex-direction: column;
                gap: 8px;
                font-size: 12px;
                color: rgba(2,6,23,.60);
                margin-top: 2px;
            }
            .pm-blog-chip {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 6px 10px;
                border-radius: 999px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: rgba(2,6,23,.03);
                font-weight: 800;
                line-height: 1;
                white-space: nowrap;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .pm-blog-chip i { color: #0052ff; }
            .pm-blog-chip--cat {
                border-color: rgba(0,82,255,.18);
                background: rgba(0,82,255,.08);
                color: #0b2bdc;
            }
            /* blogs_son() içindeki paragraf() benzeri <p> marginini sıfırla */
            .pm-blog-meta p { margin: 0; }
            @media (max-width: 992px) {
                .pm-blog-meta { flex-direction: row; flex-wrap: wrap; }
                .pm-blog-chip { font-size: 11px; padding: 6px 9px; }
            }

            .pm-social {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .pm-social a {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 12px 14px;
                border-radius: 12px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: #fff;
                text-decoration: none;
                color: rgba(2,6,23,.86);
                font-weight: 700;
                transition: .15s ease;
            }
            .pm-social a i { width: 18px; text-align: center; color: #0052ff; }
            .pm-social a:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(15, 23, 42, .08); }

            .pm-tags { display: flex; flex-wrap: wrap; gap: 8px; }
            .pm-tag {
                display: inline-block;
                padding: 7px 10px;
                border-radius: 999px;
                border: 1px solid rgba(15, 23, 42, .10);
                background: rgba(0,82,255,.06);
                color: #0b2bdc;
                font-weight: 800;
                font-size: 12px;
                text-decoration: none;
            }

            .pm-tag:hover { background: rgba(0,82,255,.10); }

            /* Sidebar - Bize Ulaşın kartı (Proda mavi gradient) */
            .pm-contact-card {
                background: linear-gradient(135deg, #0052ff 0%, #3b66ff 55%, #00c2ff 120%);
                border: 0;
                color: #fff;
                position: relative;
                overflow: hidden;
            }
            .pm-contact-card:before {
                content: "";
                position: absolute;
                inset: -40px;
                background: radial-gradient(circle at 15% 20%, rgba(255,255,255,.22), transparent 55%);
                pointer-events: none;
            }
            .pm-contact-card .pm-card-body { position: relative; }
            .pm-contact-card .pm-side-title { color: #fff; }
            .pm-contact-card .pm-contact-line {
                display: flex;
                gap: 8px;
                align-items: center;
                font-weight: 800;
                opacity: .95;
            }
            .pm-contact-card .pm-contact-line small { font-weight: 700; opacity: .85; }

            .pm-contact-actions { display: grid; gap: 10px; margin-top: 14px; }
            .pm-contact-btn {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 12px 14px;
                border-radius: 12px;
                text-decoration: none;
                font-weight: 900;
                color: #fff;
                border: 1px solid rgba(255,255,255,.22);
                background: rgba(255,255,255,.10);
                transition: .15s ease;
            }
            .pm-contact-btn i { width: 18px; text-align: center; }
            .pm-contact-btn:hover {
                transform: translateY(-1px);
                background: rgba(255,255,255,.16);
                border-color: rgba(255,255,255,.30);
            }
            .pm-contact-btn--ghost {
                background: rgba(0,0,0,.10);
                border-color: rgba(255,255,255,.18);
            }

            /* ===== Sayfa sonu form (ekrandaki gibi) ===== */
            .pm-contact-title { font-size: 40px; font-weight: 900; margin: 0 0 10px; }
            .pm-contact-desc { color: rgba(2,6,23,.62); font-size: 15px; line-height: 1.6; margin-bottom: 18px; }
            .pm-form-control {
                height: 50px;
                border-radius: 8px;
                border: 1px solid rgba(15, 23, 42, .14);
                box-shadow: none;
            }
            .pm-form-control:focus {
                border-color: rgba(0,82,255,.45);
                box-shadow: 0 0 0 .25rem rgba(0,82,255,.12);
            }
            textarea.pm-form-control { height: 150px; padding-top: 12px; resize: vertical; }
            .pm-btn {
                background: #3b66ff;
                border: 0;
                border-radius: 8px;
                padding: 12px 22px;
                font-weight: 800;
                color: #fff;
            }
            .pm-btn:hover { filter: brightness(.98); }

            @media (max-width: 991px) {
                .pm-card-body { padding: 18px; }
                .pm-contact-title { font-size: 32px; }
            }