<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<atom:link href="https://hidrokarpres.com/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://hidrokarpres.com/portfolio/</link>
	<description>Metal Makine İmalat Sanayi</description>
	<lastBuildDate>Thu, 18 Jun 2026 10:25:53 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://hidrokarpres.com/wp-content/uploads/2026/03/favicon-hidrokarpres-150x150.webp</url>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<link>https://hidrokarpres.com/portfolio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tekstil Balya Presleri</title>
		<link>https://hidrokarpres.com/portfolio/tekstil-balya-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 18 Jun 2026 09:14:13 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22612</guid>

					<description><![CDATA[<p>Tekstil ve Balya Presleri Dik Balya PresiHKBD Modeli İncele Tek Hazneli TekstilBalya Presi HTBS400 Modeli İncele Açılır Hazneli TekstilBalya Presi HTB50 Pro Modeli İncele Açılır Hazneli TekstilBalya Presi HTB50 Modeli İncele Çift Hazneli TekstilBalya Presi HTBD50 Modeli İncele Döner Hazneli TekstilBalya Presi HTBD80 Modeli İncele</p>
<p><a href="https://hidrokarpres.com/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22612" class="elementor elementor-22612">
				<div class="elementor-element elementor-element-d5311c1 e-flex e-con-boxed e-con e-parent" data-id="d5311c1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-341644a elementor-widget elementor-widget-html" data-id="341644a" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tekstil ve Balya Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKBD-1.webp" alt="dik balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Dik Balya Presi<br><strong>HKBD Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/hkbd-dik-balya-presi/" class="view-button">İncele</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBS-1.webp" alt="tek hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Tek Hazneli Tekstil<br><strong>Balya Presi HTBS400 Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/" class="view-button">İncele</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTB50-1.webp" alt="açılır hazneli tekstil balya presi htb50 pro" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Açılır Hazneli Tekstil<br><strong>Balya Presi HTB50 Pro Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/htb50-pro/" class="view-button">İncele</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50.webp" alt="açılır hazneli tekstil balya presi htb50" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Açılır Hazneli Tekstil<br><strong>Balya Presi HTB50 Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/htb50/" class="view-button">İncele</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBD-50.webp" alt="çift hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Çift Hazneli Tekstil<br><strong>Balya Presi HTBD50 Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/htbd50/" class="view-button">İncele</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBD-1.webp" alt="döner hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Döner Hazneli Tekstil<br><strong>Balya Presi HTBD80 Modeli</strong></h3>
                    <a href="https://hidrokarpres.com/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/" class="view-button">İncele</a>
                </div>
            </div>

        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/htbd50/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 08:55:39 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22453</guid>

					<description><![CDATA[<p>Çift Hazneli Tekstil Balya Presi &#8211; HTBD50 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBD50 ÇİFT HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD50 model sabit çift hazneye sahiptir, her iki haznede de birbirinden bağımsız besleme ve presleme işlemi yapılabilmektedir. Ürün Videosu Teknik Özellikler [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22453" class="elementor elementor-22453">
				<div class="elementor-element elementor-element-eb684d1 e-flex e-con-boxed e-con e-parent" data-id="eb684d1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-efb66c1 elementor-widget elementor-widget-html" data-id="efb66c1" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Çift Hazneli Tekstil Balya Presi - HTBD50</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD50.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBD50</div>
                <h1>ÇİFT HAZNELİ TEKSTİL BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD50 model sabit çift hazneye sahiptir, her iki haznede de birbirinden bağımsız besleme ve presleme işlemi yapılabilmektedir.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Tek Hazneli Tekstil Balya Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Çift Hazneli Tekstil Balya Presi - HTBD50</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Çift Hazneli Tekstil Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1100</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>200-750</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-50</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>5X2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>3030</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>3590</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>2430</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>3700</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>2000</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = '9WH8W9rHms4'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:39:40 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22439</guid>

					<description><![CDATA[<p>Döner Hazneli Tekstil Balya Presi &#8211; HTBD80 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBD80 DÖNER HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD80 model kendi ekseni etrafında dönebilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. Ürün Videosu Teknik Özellikler [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/">HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22439" class="elementor elementor-22439">
				<div class="elementor-element elementor-element-23f1da6 e-flex e-con-boxed e-con e-parent" data-id="23f1da6" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f8db68d elementor-widget elementor-widget-html" data-id="f8db68d" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Döner Hazneli Tekstil Balya Presi - HTBD80</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBD80</div>
                <h1>DÖNER HAZNELİ TEKSTİL BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD80 model kendi ekseni etrafında dönebilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80-2.webp" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Döner Hazneli Tekstil Balya Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Döner Hazneli Tekstil Balya Presi - HTBD80</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Döner Hazneli Tekstil Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-80</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>4495</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>2400</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>2650</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'i0SxJdA6GDs'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/">HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/htb50/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:32:54 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22430</guid>

					<description><![CDATA[<p>Açılabilir Hazneli Tekstil Balya Presi &#8211; HTB50 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTB50 AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTB50 model kendi ekseni etrafında dönebilen ve açılabilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. Ürün Videosu [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22430" class="elementor elementor-22430">
				<div class="elementor-element elementor-element-1e347ae e-flex e-con-boxed e-con e-parent" data-id="1e347ae" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a0ba5b7 elementor-widget elementor-widget-html" data-id="a0ba5b7" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Açılabilir Hazneli Tekstil Balya Presi - HTB50</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTB50</div>
                <h1>AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTB50 model kendi ekseni etrafında dönebilen ve açılabilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
        <li>Güvenlik siviçleri</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
        <li>Pnömatik ön sıkıştırma silindiri</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Tek Hazneli Tekstil Balya Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Açılabilir Hazneli Tekstil Balya Presi - HTB50</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Açılabilir Hazneli Tekstil Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>9</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>3315</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>3995</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Machine Weight</strong></td>
                        <td>kg</td>
                        <td>2460</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1850</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>3150</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>2180</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'Zi2xkOdf7-8'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/htb50-pro/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:19:14 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22422</guid>

					<description><![CDATA[<p>Açılabilir Hazneli Tekstil Balya Presi &#8211; HTB50 PRO ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTB50 PRO AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen HTB50 PRO Tekstil Balya Presi, geri dönüşüm sektöründe atık kumaş ve tekstil ürünlerinin hacmini küçültmek amacıyla kullanılmaktadır. Güç regülasyonlu pompa sistemi sayesinde yüksek verimlilikle çalışırken etkili enerji tasarrufu sağlar. Yay destekli [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22422" class="elementor elementor-22422">
				<div class="elementor-element elementor-element-b2b42a1 e-flex e-con-boxed e-con e-parent" data-id="b2b42a1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7f27ccf elementor-widget elementor-widget-html" data-id="7f27ccf" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Açılabilir Hazneli Tekstil Balya Presi - HTB50 PRO</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTB50 PRO</div>
                <h1>AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>HTB50 PRO Tekstil Balya Presi, geri dönüşüm sektöründe atık kumaş ve tekstil ürünlerinin hacmini küçültmek amacıyla kullanılmaktadır. Güç regülasyonlu pompa sistemi sayesinde yüksek verimlilikle çalışırken etkili enerji tasarrufu sağlar. Yay destekli döner şase, yükün eşit şekilde dağıtılmasına yardımcı olurken bronz burç yataklamalar aşınmayı minimize ederek uzun ömürlü kullanım sunar. PLC kontrollü yapıya sahip olan HTB50 PRO, entegre güvenlik sviçleri sayesinde operatör güvenliğini en üst seviyede tutar.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
        <li>Güvenlik siviçleri</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
        <li>Pnömatik ön sıkıştırma silindiri</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Tek Hazneli Tekstil Balya Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Açılabilir Hazneli Tekstil Balya Presi - HTB50 PRO</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Açılabilir Hazneli Tekstil Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>3560</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1130</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>4060</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Machine Weight</strong></td>
                        <td>kg</td>
                        <td>2925</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>3600</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>2200</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>2200</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'KwKTtDt8gYk'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 12:33:53 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22411</guid>

					<description><![CDATA[<p>Tek Hazneli Tekstil Balya Presi &#8211; HTBS400 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBS400 TEK HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBS400 model hareketli tek hazneye sahiptir. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Sağlam çelik konstrüksiyon Minimum bakım gerektiren hidrolik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22411" class="elementor elementor-22411">
				<div class="elementor-element elementor-element-2ec404a e-flex e-con-boxed e-con e-parent" data-id="2ec404a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9ca9c52 elementor-widget elementor-widget-html" data-id="9ca9c52" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tek Hazneli Tekstil Balya Presi - HTBS400</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBS400.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBS400</div>
                <h1>TEK HAZNELİ TEKSTİL BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBS400 model hareketli tek hazneye sahiptir. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-1.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-1.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-2.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-3.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-3.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-4.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-4.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Tek Hazneli Tekstil Balya Presi  için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Tek Hazneli Tekstil Balya Presi - HTBS400</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Tek Hazneli Tekstil Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
 <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>250-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>200-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1510</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1820</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>4015</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1900</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>4050</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1550</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'F7nO9unJePA'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HKBD &#8211; Dik Balya Presi</title>
		<link>https://hidrokarpres.com/portfolio/hkbd-dik-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 12:06:42 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22399</guid>

					<description><![CDATA[<p>Dik Balya Presi &#8211; HKBD ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HKBD DİK BALYA PRESİ En Çok Tercih Edilen Dikey bir yapıya sahip olan HKBD model, geri dönüşüm sektöründe hurda plastik, kağıt, pet ve benzeri atıkların ebat olarak küçültülmesi amacıyla kullanılmaktadır. Farklı balyalama kapasitesi ve ebatlarına göre üretim yapılabilmektedir. Müşteri ve operasyon odaklı üretimi ön planda [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22399" class="elementor elementor-22399">
				<div class="elementor-element elementor-element-ee1f7f1 e-flex e-con-boxed e-con e-parent" data-id="ee1f7f1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e88923a elementor-widget elementor-widget-pxl_text_editor" data-id="e88923a" data-element_type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor">
	<div class="pxl-item--inner " data-wow-delay="ms">
				
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-206a75c elementor-widget elementor-widget-html" data-id="206a75c" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dik Balya Presi - HKBD</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">GERİ DÖNÜŞÜM PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HKBD</div>
                <h1> DİK BALYA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Dikey bir yapıya sahip olan HKBD model, geri dönüşüm sektöründe hurda plastik, kağıt, pet ve benzeri atıkların ebat olarak küçültülmesi amacıyla kullanılmaktadır. Farklı balyalama kapasitesi ve ebatlarına göre üretim yapılabilmektedir. Müşteri ve operasyon odaklı üretimi ön planda tutmamız özelleştirilebilir üretim imkanı sunmaktadır. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Genel Özellikler</h2>
    <ul class="features-list">
        <li>Sağlam çelik konstrüksiyon</li>
        <li>Minimum bakım gerektiren hidrolik ünite</li>
        <li>Acil stop butonu</li>
        <li>Hidrolik güvenlik sistemi</li>
        <li>Elektrik güvenlik sistemi</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Opsiyonel Özellikler</h2>
    <ul class="features-list">
        <li>HMI dokunmatik ekran</li>
        <li>Otomatik besleme sistemi</li>
        <li>Otomatik hazne açma sistemi</li>
        <li>Balya ağırlık ölçüm terazisi</li>
        <li>Hidrolik yağ soğutma ve filtrasyon sistemi</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Dik Balya Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Dik Balya Presi - HKBD</h4>
                    <p> Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Dik Balya Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Alt Özellik</th>
                        <th>Birim</th>
                        <th>Değer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Besleme Kapağı Ölçüsü / Feed Opening</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>750</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Baskı haznesi ölçüsü / Compressing Chamber Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>1680</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Balya Ölçüsü / Bale Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Balya Ağırlığı / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>250-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Çalışma Basıncı / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hidrolik Tank Kapasitesi / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>75</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Gücü / Motor Power</strong></td>
                        <td>kW</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bağlama sayısı / Number Of Tying</strong></td>
                        <td>adet/pcs</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Döngü Süresi / Cycle Time</strong></td>
                        <td>sn/sçç</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1300</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1770</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>3400</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>En / Width</td>
                        <td>mm</td>
                        <td>1350</td>
                    </tr>
                    <tr>
                        <td>Boy / Length</td>
                        <td>mm</td>
                        <td>1800</td>
                    </tr>
                    <tr>
                        <td>Yükseklik / Height</td>
                        <td>mm</td>
                        <td>2550</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'TcWWZBn4arI'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Araç Plaka Presleri</title>
		<link>https://hidrokarpres.com/portfolio/arac-plaka-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 07 Mar 2026 08:09:18 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22147</guid>

					<description><![CDATA[<p>Araç Plaka Presleri Araç Plaka PresiHLP Modeli Teklif Al Araç Plaka Mühür PresiHLP-S Modeli Teklif Al Araç Plaka Boya MakinesiHLP-P Modeli Teklif Al Araç Plaka KalıplarıHLP-M Modeli Teklif Al Teklif Talebi Hızlı teklif alın &#215; Ürün Seçildi Detaylı teknik bilgi ve fiyat teklifi alabilirsiniz. Aşağıdaki formu doldurarak 24 saat içinde size özel teklif alabilirsiniz.</p>
<p><a href="https://hidrokarpres.com/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22147" class="elementor elementor-22147">
				<div class="elementor-element elementor-element-f95a0e2 e-flex e-con-boxed e-con e-parent" data-id="f95a0e2" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5b8e03b elementor-widget elementor-widget-html" data-id="5b8e03b" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Araç Plaka Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        /* Mobil responsive */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        /* CF7 form genel stil düzenlemeleri */
        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        /* Modal responsive */
        @media (max-width: 768px) {
            .offer-modal-content {
                width: 95%;
                margin: 10px;
            }
            
            .offer-modal-header,
            .offer-modal-body {
                padding: 20px;
            }
            
            .offer-modal-title {
                font-size: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/7-hlp.webp" alt="Araç Plaka Presi HLP" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Araç Plaka Presi<br><strong>HLP Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Presi HLP Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/7-hlp-.webp" alt="Araç Plaka Mühür Presi HLP-S" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Araç Plaka Mühür Presi<br><strong>HLP-S Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Mühür Presi HLP-S Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/plaka-pres.png" alt="Araç Plaka Boya Makinesi HLP-P" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Araç Plaka Boya Makinesi<br><strong>HLP-P Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Boya Makinesi HLP-P Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/plaka-pres.png" alt="Araç Plaka Kalıpları HLP-M" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Araç Plaka Kalıpları<br><strong>HLP-M Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Kalıpları HLP-M Modeli')">Teklif Al</a>
                </div>
            </div>

        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>

                <!-- CONTACT FORM 7 -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');
            
            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';
            
            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) {
                        closeModal();
                    }
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closeModal();
                }
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Özel Amaçlı Presler</title>
		<link>https://hidrokarpres.com/portfolio/ozel-amacli-presler/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 23 Sep 2025 12:05:27 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21329</guid>

					<description><![CDATA[<p>Özel Amaçlı Presler Hidrolik Sac Desen PresSD Modeli Teklif Al Hidrolik H Tipi Tablalı PresSAT Modeli Teklif Al Hurda Ezme PresiHHE Modeli Teklif Al Hidrolik Motor GövdeAyrıştırma Presi HHM Modeli Teklif Al Hidrolik KuyumcuPres Modeli Teklif Al Hidrolik AlüminyumKokil Presi Teklif Al Hidrolik EkstrüzyonPres Modeli Teklif Al Hidrolik BoruBüzme Presi Teklif Al Hidrolik CiltPres Modeli [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21329" class="elementor elementor-21329">
				<div class="elementor-element elementor-element-7c534e4 e-flex e-con-boxed e-con e-parent" data-id="7c534e4" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-68f014b elementor-widget elementor-widget-html" data-id="68f014b" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Özel Amaçlı Presler</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            body { padding: 20px; }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            .product-image-container { height: 200px; padding: 15px; }
            .product-info { padding: 20px 15px; }
            .product-title { font-size: 14px; margin-bottom: 15px; }
            .view-button { padding: 6px 16px; font-size: 12px; }
            body { padding: 15px; }
        }

        @media (max-width: 480px) {
            .products-grid { grid-template-columns: 1fr; gap: 20px; }
            .product-image-container { height: 220px; }
            .product-title { font-size: 15px; }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }

        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }

        @keyframes modalSlideIn {
            from { opacity: 0; transform: translateY(-50px) scale(0.95); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }

        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }

        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }

        .offer-modal-close {
            position: absolute;
            top: 20px; right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px; height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }

        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }

        .offer-modal-body { padding: 30px; }

        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }

        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }

        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }

        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        @media (max-width: 768px) {
            .offer-modal-content { width: 95%; margin: 10px; }
            .offer-modal-header, .offer-modal-body { padding: 20px; }
            .offer-modal-title { font-size: 20px; }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-SD-1.webp" alt="Hidrolik Sac Desen Pres SD Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Sac Desen Pres<br><strong>SD Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Sac Desen Pres SD Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-SAT-1-.webp" alt="Hidrolik H Tipi Tablalı Pres SAT Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik H Tipi Tablalı Pres<br><strong>SAT Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik H Tipi Tablalı Pres SAT Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HURDA-1-.webp" alt="Hurda Ezme Presi HHE Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hurda Ezme Presi<br><strong>HHE Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Ezme Presi HHE Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-MOTOR-SK-1.webp" alt="Hidrolik Motor Gövde Ayrıştırma Presi HHM Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Motor Gövde<br><strong>Ayrıştırma Presi HHM Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Motor Gövde Ayrıştırma Presi HHM Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp" alt="Hidrolik Kuyumcu Pres" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Kuyumcu<br><strong>Pres Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Kuyumcu Pres Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/hidrokarpres-ozel-amacli-pres-1.webp" alt="Hidrolik Alüminyum Kokil Presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Alüminyum<br><strong>Kokil Presi</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Alüminyum Kokil Presi')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-EKSTR-2.webp" alt="Hidrolik Ekstrüzyon Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Ekstrüzyon<br><strong>Pres Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Ekstrüzyon Pres Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-BORU-1.webp" alt="Hidrolik Boru Büzme Presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Boru<br><strong>Büzme Presi</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Boru Büzme Presi')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/hidrokarpres-ozel-amacli-pres-2.webp" alt="Hidrolik Cilt Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Cilt<br><strong>Pres Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Cilt Pres Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-LABORATUVAR-1.webp" alt="Laboratuvar Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Laboratuvar<br><strong>Pres Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Laboratuvar Pres Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/ozel-amacli-presler-1.png" alt="Hidrolik Epoksi Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hidrolik Epoksi<br><strong>Pres Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Epoksi Pres Modeli')">Teklif Al</a>
                </div>
            </div>

        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>

                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>

                <!-- CONTACT FORM 7 -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');

            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';

            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) closeModal();
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') closeModal();
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Geri Dönüşüm Presleri</title>
		<link>https://hidrokarpres.com/portfolio/geri-donusum-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 22 Sep 2025 11:50:45 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21286</guid>

					<description><![CDATA[<p>Geri Dönüşüm Presleri Üç Sıkıştırmalı HurdaPaketleme Presi HHPY Modeli Teklif Al Hurda Kesme MakinesiHHPO Modeli Teklif Al Hurda Kesme MakasıHKM Modeli Teklif Al Hurda Lastik KesmeMakası HLKM Modeli Teklif Al Yatay Balya Kağıt vePet Şişe HKB Modeli Teklif Al Kablo Soyma MakinesiHKS Modeli Teklif Al Teklif Talebi Hızlı teklif alın &#215; Ürün Seçildi Detaylı teknik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21286" class="elementor elementor-21286">
				<div class="elementor-element elementor-element-ce6768f e-flex e-con-boxed e-con e-parent" data-id="ce6768f" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58eab53 elementor-widget elementor-widget-html" data-id="58eab53" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geri Dönüşüm Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        /* Mobil responsive */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        /* CF7 form genel stil düzenlemeleri */
        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        /* Modal responsive */
        @media (max-width: 768px) {
            .offer-modal-content {
                width: 95%;
                margin: 10px;
            }
            
            .offer-modal-header,
            .offer-modal-body {
                padding: 20px;
            }
            
            .offer-modal-title {
                font-size: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">
            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HHPT-1-1.webp" alt="üç sıkıştırmalı hurda paketleme presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Üç Sıkıştırmalı Hurda<br><strong>Paketleme Presi HHPY Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Üç Sıkıştırmalı Hurda Paketleme Presi HHPY Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HHPO-1.webp" alt="hurda kesme makinesi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hurda Kesme Makinesi<br><strong>HHPO Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makinesi HHPO Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKM-1.webp" alt="hurda kesme makası" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hurda Kesme Makası<br><strong>HKM Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makası HKM Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HLKM-1.webp" alt="hurda lastik kesme makası" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Hurda Lastik Kesme<br><strong>Makası HLKM Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Lastik Kesme Makası HLKM Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKB-1.webp" alt="yatay balya kağıt ve pet şişe" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Yatay Balya Kağıt ve<br><strong>Pet Şişe HKB Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Yatay Balya Kağıt ve Pet Şişe HKB Modeli')">Teklif Al</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKS-1.webp" alt="Kablo soyam makinesi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Kablo Soyma Makinesi<br><strong>HKS Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Kablo Soyma Makinesi HKS Modeli')">Teklif Al</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>

                <!-- CONTACT FORM 7 BURAYA -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>
                <!-- CONTACT FORM 7 SONU -->

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');
            
            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';
            
            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) {
                        closeModal();
                    }
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closeModal();
                }
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
