<?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/en/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://hidrokarpres.com/en/portfolio/</link>
	<description>Metal Makine İmalat Sanayi</description>
	<lastBuildDate>Thu, 18 Jun 2026 10:25:53 +0000</lastBuildDate>
	<language>en-US</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/en/portfolio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tekstil Balya Presleri</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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 translation-block">VERTICAL BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/hkbd-dik-balya-presi/" class="view-button">VIEW</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 translation-block">SINGLE CHAMBER TEXTILE BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/" class="view-button">VIEW</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 translation-block">OPENABLE CHAMBER TEXTILE BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/htb50-pro/" class="view-button">VIEW</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 translation-block">DOUBLE CHAMBER TEXTILE BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/htb50/" class="view-button">VIEW</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 translation-block">DOUBLE CHAMBER TEXTILE BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/htbd50/" class="view-button">VIEW</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 translation-block">ROTATABLE CHAMBER TEXTILE BALING PRESS</h3>
                    <a href="https://hidrokarpres.com/en/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/" class="view-button">VIEW</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/en/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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>DOUBLE CHAMBER TEXTILE BALING PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>It is used in the recycling industry to reduce the size of waste fabric textile products. HTBD80 model has two chambers that can rotate around its own axis. While pressing is done in one chamber, feeding is done in the other.</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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a single-chamber textile baler</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Double-Chamber Textile Baler - HTBD50</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Double-Chamber Textile Bale Press – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1100</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>200-750</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-50</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>5X2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>3030</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>3590</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>2430</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>3700</td>
                    </tr>
                    <tr>
                        <td>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/en/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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/en/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/en/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/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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>ROTATABLE CHAMBER TEXTILE BALING PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>It is used in the recycling industry to reduce the size of waste fabric textile products. HTBD80 model has two chambers that can rotate around its own axis. While pressing is done in one chamber, feeding is done in the other. </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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a textile baler with a rotating chamber</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textile Baler with Rotating Chamber - HTBD80</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Rotary-Chamber Textile Bale Press – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-80</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>4495</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>2400</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>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/en/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/en">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/en/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/en/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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>ROTATABLE CHAMBER TEXTILE BALING PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>It is used in the recycling industry to reduce the size of waste fabric textile products. HTB50 model has two chambers that can rotate and open around its own axis. While pressing is done in one chamber, feeding is done in the other. </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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
        <li>Safety switches</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</li>
        <li>Pneumatic pre-clamping cylinder</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a single-chamber textile baler</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textile Baler with Openable Hopper – HTB50</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Textile Bale Press with Openable Hopper – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>9</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>3315</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>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>Width</td>
                        <td>mm</td>
                        <td>1850</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>3150</td>
                    </tr>
                    <tr>
                        <td>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/en/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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/en/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/en/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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>ROTATABLE CHAMBER TEXTILE BALING PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>HTB50 PRO Textile Baling Press is designed for use in the recycling industry to reduce the volume of waste fabrics and textile products. Its power-regulated hydraulic pump system ensures efficient operation while delivering significant energy savings. The spring-assisted rotating chassis provides balanced load distribution, while bronze bushing bearings minimize wear and extend service life. Equipped with a PLC-controlled system, the HTB50 PRO also features integrated safety switches that provide enhanced operational safety for the operator.</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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
        <li>Safety switches</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</li>
        <li>Pneumatic pre-clamping cylinder</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a single-chamber textile baler</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textile Baler with Openable Hopper – HTB50 PRO</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Textile Bale Press with Openable Hopper – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>3560</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1130</td>
                    </tr>
                    <tr>
                        <td>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>Width</td>
                        <td>mm</td>
                        <td>3600</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>2200</td>
                    </tr>
                    <tr>
                        <td>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/en/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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>SINGLE CHAMBER TEXTILE BALING PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>It is used in the recycling industry to reduce the size of waste  fabric textile products. HTBS400 model has a single movable chamber. </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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a single-chamber textile baler</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Single-Chamber Textile Baler - HTBS400</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Single-Chamber Textile Bale Press – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>250-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>200-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1510</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1820</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>4015</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1900</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>4050</td>
                    </tr>
                    <tr>
                        <td>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/en/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HKBD &#8211; Dik Balya Presi</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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="/en/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">HOME</a>
                <span>→</span>
                <a href="/en/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLING PRESSES</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> VERTICAL BALE PRESS</h1>
                <p class="subtitle">Most Popular</p>
                <p>HKBD model, which has a vertical structure, is used in the recycling industry to reduce the size of scrap plastic, paper, pet and similar wastes. Production can be made according to different baling capacities and sizes.Prioritizing customer and operation-oriented production offers customizable production opportunities. </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>Product Video</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technical Specifications</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/en/teklif-form/" class="offer-btn" id="offerButton">Get a Quote</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">General Features</h2>
    <ul class="features-list">
        <li>Robust steel construction</li>
        <li>Hydraulic unit requiring minimum maintenance</li>
        <li>Emergency stop button</li>
        <li>Hydraulic safety system</li>
        <li>Electrical safety system</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optional Features</h2>
    <ul class="features-list">
        <li>HMI touch screen</li>
        <li>Automatic feeding system</li>
        <li>Automatic chamber opening sysytem</li>
        <li>Bale weight measurement scale</li>
        <li>Oil cooling and filtration system</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">Request for a Quote</h2>
                <p class="offer-modal-subtitle">Get a quick quote for a vertical baler</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Vertical Bale Press - HKBD</h4>
                    <p> You can obtain detailed technical information and a quotation for all models.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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">Vertical Bale Press – Product Video</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>Technical Specifications</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Sub-feature</th>
                        <th>Unit</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Feed Opening</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>750</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Compressing Chamber Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>1680</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Bale Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Bale Weight</strong></td>
                        <td>kg</td>
                        <td>250-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>75</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motor Power</strong></td>
                        <td>kW</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Number Of Tying</strong></td>
                        <td>pcs</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Cycle Time</strong></td>
                        <td>second</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Machine Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1300</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1770</td>
                    </tr>
                    <tr>
                        <td>Height</td>
                        <td>mm</td>
                        <td>3400</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Shipping Size</strong></td>
                        <td>Width</td>
                        <td>mm</td>
                        <td>1350</td>
                    </tr>
                    <tr>
                        <td>Length</td>
                        <td>mm</td>
                        <td>1800</td>
                    </tr>
                    <tr>
                        <td>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/en/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Araç Plaka Presleri</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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 translation-block">HLP VEHICLE LICENCE PLATE PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Presi HLP Modeli')">Get a Quote</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 translation-block">HLP-S VEHICLE LICENCE PLATE SEAL PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Mühür Presi HLP-S Modeli')">Get a Quote</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 translation-block">HLP-P VEHICLE LICENCE PLATE PAINTING MACHINE</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Boya Makinesi HLP-P Modeli')">Get a Quote</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 translation-block">HLP-M VEHICLE LICENCE PLATE MOLDS</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Kalıpları HLP-M Modeli')">Get a Quote</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">Request for a Quote</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>You can obtain detailed technical information and a quotation.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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/en/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Özel Amaçlı Presler</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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 translation-block">Hydraulic Sheet Metal Embossing Press, SD Model</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Sac Desen Pres SD Modeli')">Get a Quote</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 translation-block">H-type hydraulic plate press, model SAT</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik H Tipi Tablalı Pres SAT Modeli')">Get a Quote</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 translation-block">SCRAP STAMPING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Ezme Presi HHE Modeli')">Get a Quote</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 translation-block">HYDRAULIC JEWELLERY PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Motor Gövde Ayrıştırma Presi HHM Modeli')">Get a Quote</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 translation-block">Hydraulic Jeweller’s Press Model</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Kuyumcu Pres Modeli')">Get a Quote</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 translation-block">HYDRAULIC ALUMINUM CASTING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Alüminyum Kokil Presi')">Get a Quote</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 translation-block">HYDRAULIC EXTRUSION PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Ekstrüzyon Pres Modeli')">Get a Quote</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 translation-block">HYDRAULIC PIPE SHRINKING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Boru Büzme Presi')">Get a Quote</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 translation-block">HYDRAULIC VOLUME BINDING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Cilt Pres Modeli')">Get a Quote</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 translation-block">LABORATORY PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Laboratuvar Pres Modeli')">Get a Quote</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 translation-block">HYDRAULIC GELATION PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Epoksi Pres Modeli')">Get a Quote</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">Request for a Quote</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>You can obtain detailed technical information and a quotation.</p>
                </div>

                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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/en/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Geri Dönüşüm Presleri</title>
		<link>https://hidrokarpres.com/en/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/en/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">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 translation-block">TRIPLE COMPRESSING SCRAP METAL BALING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Üç Sıkıştırmalı Hurda Paketleme Presi HHPY Modeli')">Get a Quote</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 translation-block">DOUBLE COMPRESSING SCRAP METAL BALING PRESS</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makinesi HHPO Modeli')">Get a Quote</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 translation-block">SCRAP METAL ALLIGATOR SHEAR</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makası HKM Modeli')">Get a Quote</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 translation-block">SCRAP TYRE SHEAR</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Lastik Kesme Makası HLKM Modeli')">Get a Quote</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 translation-block">Horizontal Baler for Paper and PET Bottles – HKB Model</h3>
                    <a href="#" class="view-button" onclick="openModal('Yatay Balya Kağıt ve Pet Şişe HKB Modeli')">Get a Quote</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 translation-block">HKS Model Cable Stripping Machine</h3>
                    <a href="#" class="view-button" onclick="openModal('Kablo Soyma Makinesi HKS Modeli')">Get a Quote</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">Request for a Quote</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>You can obtain detailed technical information and a quotation.</p>
                </div>
                
                <div class="form-intro translation-block">By filling in the form below, you can receive a personalised quote <strong style="color: #ff0000">within 24 hours</strong>.</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/en/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/en">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>