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

<channel>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<atom:link href="https://hidrokarpres.com/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://hidrokarpres.com/portfolio/</link>
	<description>Metal Makine İmalat Sanayi</description>
	<lastBuildDate>Fri, 03 Apr 2026 14:06:58 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hidrokarpres.com/wp-content/uploads/2026/03/favicon-hidrokarpres-150x150.webp</url>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<link>https://hidrokarpres.com/portfolio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Araç Plaka Presleri</title>
		<link>https://hidrokarpres.com/portfolio/arac-plaka-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 07 Mar 2026 08:09:18 +0000</pubDate>
				<guid isPermaLink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22147</guid>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        </div>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        </div>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTB50-1.webp" alt="açılır hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title">Açılır Hazneli Tekstil<br><strong>Balya Presi HTB50 Modeli</strong></h3>
                    <a href="#" class="view-button" onclick="openModal('Açılır Hazneli Tekstil Balya Presi HTB50 Modeli')">Teklif Al</a>
                </div>
            </div>

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

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

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

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

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

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

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

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

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

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

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Araç Plaka Boya Makinesi</title>
		<link>https://hidrokarpres.com/portfolio/arac-plaka-boya-makinesi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:25:05 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21173</guid>

					<description><![CDATA[<p>Araç Plaka Boya Makinesi ANASAYFA → ARAÇ PLAKA ÜRÜNLERİ BOYA MAKİNESİ ARAÇ PLAKA BOYA MAKİNESİ En Çok Tercih Edilen Araç plaka saclarının istenen gerekli renklerde boyanmasını sağlayan makinedir. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Opsiyonel Özellikler Teklif Talebi Araç Plaka Boya Makinesi için hızlı teklif alın &#215; 🔧 Araç Plaka Boya Makinesi Tüm [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/arac-plaka-boya-makinesi/">Araç Plaka Boya Makinesi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21173" class="elementor elementor-21173">
				<div class="elementor-element elementor-element-8583a5a e-flex e-con-boxed e-con e-parent" data-id="8583a5a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81d6e3d elementor-widget elementor-widget-html" data-id="81d6e3d" 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 Boya Makinesi</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">ARAÇ PLAKA ÜRÜNLERİ</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="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">BOYA MAKİNESİ</div>
                <h1>ARAÇ PLAKA BOYA MAKİNESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Araç plaka saclarının istenen gerekli renklerde boyanmasını sağlayan makinedir.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.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://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Araç Plaka Boya Makinesi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Araç Plaka Boya Makinesi</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title">Contact Form 7 Alanı</div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                        Bu alanı Contact Form 7 shortcode'u ile değiştirin.<br>
                        Örnek: [contact-form-7]
                    </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">Araç Plaka Boya Makinesi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
    <div class="specs-modal" id="specsModal">
        <div class="specs-content">
            <span class="specs-close" id="specsClose">&times;</span>
            <div class="specs-header">
                <h2>Teknik Özellikler</h2>
            </div>
            <div class="specs-content-area">
                <table class="specs-table">
                    <thead>
                </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 = 'dQw4w9WgXcQ'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/arac-plaka-boya-makinesi/">Araç Plaka Boya Makinesi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Araç Plaka Presi</title>
		<link>https://hidrokarpres.com/portfolio/arac-plaka-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:24:24 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21169</guid>

					<description><![CDATA[<p>Araç Plaka Presi ANASAYFA → ARAÇ PLAKA ÜRÜNLERİ ARAÇ PLAKA PRESİ ARAÇ PLAKA PRESİ En Çok Tercih Edilen Araç plaka saclarına gerekli harf ve rakam gibi karakterlerin basılmasını sağlayan pres makinesidir. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Opsiyonel Özellikler Teklif Talebi Araç Plaka Presi için hızlı teklif alın &#215; 🔧 Araç Plaka Presi [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/arac-plaka-presi/">Araç Plaka Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21169" class="elementor elementor-21169">
				<div class="elementor-element elementor-element-6c6e710 e-flex e-con-boxed e-con e-parent" data-id="6c6e710" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-dd0ce43 elementor-widget elementor-widget-html" data-id="dd0ce43" 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 Presi</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">ARAÇ PLAKA ÜRÜNLERİ</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="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">ARAÇ PLAKA PRESİ</div>
                <h1>ARAÇ PLAKA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Araç plaka saclarına gerekli harf ve rakam gibi karakterlerin basılmasını sağlayan pres makinesidir.   </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KOKİL-1.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://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Araç Plaka Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Araç Plaka Presi</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title">Contact Form 7 Alanı</div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                        Bu alanı Contact Form 7 shortcode'u ile değiştirin.<br>
                        Örnek: [contact-form-7]
                    </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">Araç Plaka Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
    <div class="specs-modal" id="specsModal">
        <div class="specs-content">
            <span class="specs-close" id="specsClose">&times;</span>
            <div class="specs-header">
                <h2>Teknik Özellikler</h2>
            </div>
            <div class="specs-content-area">
                <table class="specs-table">
                    <thead>
                </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 = 'dQw4w9WgXcQ'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/arac-plaka-presi/">Araç Plaka Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HBY &#8211; Hidrolik Yüzey Broş Çekme Presi</title>
		<link>https://hidrokarpres.com/portfolio/hidrolik-yuzey-bros-cekme-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:22:23 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21161</guid>

					<description><![CDATA[<p>Hidrolik Atölye Tipi Tek Tesirli Pres &#8211; HAT ANASAYFA → BROŞ ÇEKME PRESLERİ HBY HİDROLİK YÜZEY BROŞ ÇEKME PRESİ En Çok Tercih Edilen Dikey bir yapıya sahip olan HBY model, yüzey broşlama işlemelerinde kullanılmaktadır. Talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Sağlam çelik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hidrolik-yuzey-bros-cekme-presi/">HBY &#8211; Hidrolik Yüzey Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21161" class="elementor elementor-21161">
				<div class="elementor-element elementor-element-b41f6f8 e-flex e-con-boxed e-con e-parent" data-id="b41f6f8" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4d0b02b elementor-widget elementor-widget-html" data-id="4d0b02b" 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>Hidrolik Atölye Tipi Tek Tesirli Pres - HAT</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">BROŞ ÇEKME PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HBY</div>
                <h1>HİDROLİK YÜZEY BROŞ ÇEKME PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Dikey bir yapıya sahip olan HBY model, yüzey broşlama işlemelerinde kullanılmaktadır. Talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir.  </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/1-HBY.jpg" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                    <li>Sağlam çelik konstrüksiyon</li>
                    <li>Minimum bakım gerektiren hidrolik ünite</li>
                    <li>Acil stop butonu</li>
                    <li>Hidrolik emniyet sistemi</li>
                    <li>Elektrik emniyet sistemi</li>
                    <li>CE sertifikası</li>
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                    <li>Buton Kontrol</li>
                    <li>PLC kontrol sistemi</li>
                    <li>HMI dokunmatik ekran</li>
                    <li>Avandanlık Kutusu</li>
                    <li>Özel broş tığ imalatı</li>
                    <li>Aydınlatma led panel</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Hidrolik Yüzey Broş Çekme Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Hidrolik Yüzey Broş Çekme Presi - HBY</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Hidrolik Yüzey Broş Çekme Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Çekme Kuvveti</th>
                        <th>Birim</th>
                        <th>TON 16</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Silindir Strok</strong></td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td><strong>İniş Hızı</strong></td>
                        <td>mm/s</td>
                        <td>130</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Hızı</strong></td>
                        <td>mm/s</td>
                        <td>10 - 78</td>
                    </tr>
                    <tr>
                        <td><strong>Dönüş Hızı</strong></td>
                        <td>mm/s</td>
                        <td>150</td>
                    </tr>
                    <tr>
                        <td><strong>Motor Gücü</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Basıncı</strong></td>
                        <td>Bar</td>
                        <td>260</td>
                    </tr>
                    <tr>
                        <td><strong>Tabla Ölçüsü</strong></td>
                        <td>mm</td>
                        <td>400 x 400</td>
                    </tr>
                    <tr>
                        <td><strong>Uzunluk</strong></td>
                        <td>mm</td>
                        <td>2500</td>
                    </tr>
                    <tr>
                        <td><strong>Genişlik</strong></td>
                        <td>mm</td>
                        <td>3350</td>
                    </tr>
                    <tr>
                        <td><strong>Yükseklik</strong></td>
                        <td>mm</td>
                        <td>4600</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'F7nO9unJePA'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hidrolik-yuzey-bros-cekme-presi/">HBY &#8211; Hidrolik Yüzey Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HBB &#8211; Hidrolik Broş Basma Presi</title>
		<link>https://hidrokarpres.com/portfolio/hidrolik-bros-basma-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:21:44 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21157</guid>

					<description><![CDATA[<p>Hidrolik Atölye Tipi Tek Tesirli Pres &#8211; HBB ANASAYFA → BROŞ ÇEKME PRESİ HBB HİDROLİK BROŞ BASMA PRESİ En Çok Tercih Edilen Dikey bir yapıya sahip olan HBB model, broş basma işlemi ile ön planaçıkmaktadır. Çoklu kanal açma, broşlama işlemlerinde kullanılmaktadır. Talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir. Ürün Videosu Teknik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hidrolik-bros-basma-presi/">HBB &#8211; Hidrolik Broş Basma Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21157" class="elementor elementor-21157">
				<div class="elementor-element elementor-element-20af36b e-flex e-con-boxed e-con e-parent" data-id="20af36b" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1fabfd2 elementor-widget elementor-widget-html" data-id="1fabfd2" 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>Hidrolik Atölye Tipi Tek Tesirli Pres - HBB</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">BROŞ ÇEKME PRESİ</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/01/hidrokarpres-HBB-1-kopya-1.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HBB</div>
                <h1>HİDROLİK BROŞ BASMA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Dikey bir yapıya sahip olan HBB model, broş basma işlemi ile ön planaçıkmaktadır. Çoklu kanal açma, broşlama işlemlerinde kullanılmaktadır. Talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-1-kopya-1.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-1-kopya-1.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-4-kopya.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-4-kopya.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-3-kopya.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-3-kopya.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-1-kopya.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBB-1-kopya.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                    <li>Sağlam çelik konstrüksiyon</li>
                    <li>Minimum bakım gerektiren hidrolik ünite</li>
                    <li>Acil stop butonu</li>
                    <li>Hidrolik emniyet sistemi</li>
                    <li>Elektrik emniyet sistemi</li>
                    <li>CE sertifikası</li>
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                    <li>PLC kontrol sistemi</li>
                    <li>HMI dokunmatik ekran</li>
                    <li>Işık bariyeri</li>
                    <li>Güvenlik kafesi</li>
                    <li>Avandalık kutusu</li>
                    <li>Oransal valf sistemi</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Hidrolik Broş Basma Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Hidrolik Broş Basma Presi - HBB</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Hidrolik Broş Basma Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Basma Kuvveti</th>
                        <th>Birim</th>
                        <th>TON 40</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Tabla Alanı</strong></td>
                        <td>mm</td>
                        <td>500 x 500</td>
                    </tr>
                    <tr>
                        <td><strong>İş Alma Kapasitesi</strong></td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td><strong>Silindir Strok</strong></td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Yüksekliği</strong></td>
                        <td>mm</td>
                        <td>950</td>
                    </tr>
                    <tr>
                        <td><strong>Motor Gücü</strong></td>
                        <td>kW</td>
                        <td>3</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Hızı</strong></td>
                        <td>mm/s</td>
                        <td>1 - 18</td>
                    </tr>
                    <tr>
                        <td><strong>Dönüş Hızı</strong></td>
                        <td>mm/s</td>
                        <td>31</td>
                    </tr>
                    <tr>
                        <td><strong>Genişlik</strong></td>
                        <td>mm</td>
                        <td>810</td>
                    </tr>
                    <tr>
                        <td><strong>Uzunluk</strong></td>
                        <td>mm</td>
                        <td>1860</td>
                    </tr>
                    <tr>
                        <td><strong>Yükseklik</strong></td>
                        <td>mm</td>
                        <td>3150</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 = '-Ry-FBx2h8Q'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hidrolik-bros-basma-presi/">HBB &#8211; Hidrolik Broş Basma Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HBK &#8211; Hidrolik Kama Açma Broş Çekme Presi</title>
		<link>https://hidrokarpres.com/portfolio/hidrolik-kama-acma-bros-cekme-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:20:53 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21153</guid>

					<description><![CDATA[<p>Hidrolik Broş Basma Presi &#8211; HBK ANASAYFA → BROŞ ÇEKME PRESLERİ HBK HİDROLİK KAMA AÇMA BROŞ ÇEKME PRESİ En Çok Tercih Edilen Yatay bir yapıya sahip olan HBK model; Genellikle kanal açma işlemlerinde kullanılmaktadır. Standart modelimiz 1.5 metre broş uzunluğu kapasitesine sahiptir. Talep doğrultusunda farklı tonajlarda, ebatlarda ve daha uzun broş kapasitesine sahip olarak üretilebilir. [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hidrolik-kama-acma-bros-cekme-presi/">HBK &#8211; Hidrolik Kama Açma Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21153" class="elementor elementor-21153">
				<div class="elementor-element elementor-element-1de7551 e-flex e-con-boxed e-con e-parent" data-id="1de7551" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8bab561 elementor-widget elementor-widget-html" data-id="8bab561" 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>Hidrolik Broş Basma Presi - HBK</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">BROŞ ÇEKME PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-1.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HBK</div>
                <h1>HİDROLİK KAMA AÇMA BROŞ ÇEKME PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Yatay bir yapıya sahip olan HBK model; Genellikle kanal açma işlemlerinde kullanılmaktadır. Standart modelimiz 1.5 metre broş uzunluğu kapasitesine sahiptir. Talep doğrultusunda farklı tonajlarda, ebatlarda ve daha uzun broş kapasitesine sahip olarak üretilebilir. Ve yine talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-2.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-3.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-3.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-4.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-4.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-5.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBK-5.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                    <li>Sağlam çelik konstrüksiyon</li>
                    <li>Minimum bakım gerektiren hidrolik ünite</li>
                    <li>Acil stop butonu</li>
                    <li>Hidrolik emniyet sistemi</li>
                    <li>Elektrik emniyet sistemi</li>
                    <li>CE sertifikası</li>
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                    <li>PLC kontrol sistemi</li>
                    <li>HMI dokunmatik ekran</li>
                    <li>Işık bariyeri</li>
                    <li>Güvenlik kafesi</li>
                    <li>Avandalık kutusu</li>
                    <li>Oransal valf sistemi</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Hidrolik Kama Açma Broş Çekme Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Hidrolik Kama Açma Broş Çekme Presi - HBK</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Hidrolik Kama Açma Broş Çekme Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Özellik</th>
                        <th>Birim</th>
                        <th>HBK-32</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Kapasite</strong></td>
                        <td>mm</td>
                        <td>32</td>
                    </tr>
                    <tr>
                        <td><strong>Broş Tığ Uzunluğu</strong></td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td><strong>Tabla Ölçüsü</strong></td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td><strong>Çekme Hızı</strong></td>
                        <td>mm/s</td>
                        <td>1 - 65</td>
                    </tr>
                    <tr>
                        <td><strong>Serbest Hız</strong></td>
                        <td>mm/s</td>
                        <td>125</td>
                    </tr>
                    <tr>
                        <td><strong>Motor Gücü</strong></td>
                        <td>kW</td>
                        <td>5,5</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Basıncı</strong></td>
                        <td>Bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td><strong>Genişlik</strong></td>
                        <td>mm</td>
                        <td>715</td>
                    </tr>
                    <tr>
                        <td><strong>Uzunluk</strong></td>
                        <td>mm</td>
                        <td>4000</td>
                    </tr>
                    <tr>
                        <td><strong>Yükseklik</strong></td>
                        <td>mm</td>
                        <td>1250</td>
                    </tr>
                    <tr>
                        <td><strong>Ağırlık</strong></td>
                        <td>Kg</td>
                        <td>900</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 = 'WhElskHum80'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hidrolik-kama-acma-bros-cekme-presi/">HBK &#8211; Hidrolik Kama Açma Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HBC &#8211; Hidrolik Broş Çekme Presi</title>
		<link>https://hidrokarpres.com/portfolio/hidrolik-bros-cekme-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:20:07 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21149</guid>

					<description><![CDATA[<p>Hidrolik Atölye Tipi Tek Tesirli Pres &#8211; HAT ANASAYFA → BROŞ ÇEKME PRESLERİ HBC HİDROLİK BROŞ ÇEKME PRESİ En Çok Tercih Edilen Dikey bir yapıya sahip olan HBC model; çoklu kanal açma, broşlama, işlemelerinde kullanılmaktadır. Tam otomatik broşlama ve broş tutma sistemi, ergonomik çalışma standı ve iş parçası platformu ile hem kullanımda üst düzey kolaylık [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hidrolik-bros-cekme-presi/">HBC &#8211; Hidrolik Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21149" class="elementor elementor-21149">
				<div class="elementor-element elementor-element-afe86da e-flex e-con-boxed e-con e-parent" data-id="afe86da" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f40d88e elementor-widget elementor-widget-html" data-id="f40d88e" 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>Hidrolik Atölye Tipi Tek Tesirli Pres - HAT</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">BROŞ ÇEKME PRESLERİ</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-1.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HBC</div>
                <h1>HİDROLİK BROŞ ÇEKME PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Dikey bir yapıya sahip olan HBC model; çoklu kanal açma, broşlama, işlemelerinde kullanılmaktadır. Tam otomatik broşlama ve broş tutma sistemi, ergonomik çalışma standı ve iş parçası platformu ile hem kullanımda üst düzey kolaylık hem de üst düzey güvenlik sağlar. Monoblok yapısı sayesinde çok daha hassas yüzey kalitesi sağlamaktadır. Talep doğrultusunda müşterinin iş parçasına göre broş tığı üretimi de yapılabilmektedir.  </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-2.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-3.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-3.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-4.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-4.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-5.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/01/hidrokarpres-HBC-5.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                    <li>Sağlam çelik konstrüksiyon</li>
                    <li>Minimum bakım gerektiren hidrolik ünite</li>
                    <li>Acil stop butonu</li>
                    <li>Hidrolik emniyet sistemi</li>
                    <li>Elektrik emniyet sistemi</li>
                    <li>CE sertifikası</li>
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                    <li>HMI dokunmatik ekran</li>
                    <li>Avandalık kutusu</li>
                    <li>Özel Broş Tığ İmalatı</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Hidrolik Broş Çekme Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Hidrolik Broş Çekme Presi - HBC</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Hidrolik Broş Çekme Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Teknik Özellikler</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Çekme Kuvveti</th>
                        <th>Birim</th>
                        <th>TON 12</th>
                        <th>TON 16</th>
                        <th>TON 20</th>
                        <th>TON 30</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Tabla Alanı</strong></td>
                        <td>mm</td>
                        <td>400 x 400</td>
                        <td>400 x 400</td>
                        <td>400 x 400</td>
                        <td>500 x 500</td>
                    </tr>
                    <tr>
                        <td><strong>Broş Tığ Uzunluğu</strong></td>
                        <td>mm</td>
                        <td>1300</td>
                        <td>1600</td>
                        <td>1600</td>
                        <td>1800</td>
                    </tr>
                    <tr>
                        <td><strong>Silindir Strok</strong></td>
                        <td>mm</td>
                        <td>1200</td>
                        <td>1500</td>
                        <td>1500</td>
                        <td>1700</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Yüksekliği</strong></td>
                        <td>mm</td>
                        <td>2000</td>
                        <td>2200</td>
                        <td>2300</td>
                        <td>2650</td>
                    </tr>
                    <tr>
                        <td><strong>Motor Gücü</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                        <td>9,2</td>
                        <td>9,2</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td><strong>Çalışma Hızı</strong></td>
                        <td>mm/s</td>
                        <td>76</td>
                        <td>72</td>
                        <td>69</td>
                        <td>70</td>
                    </tr>
                    <tr>
                        <td><strong>Dönüş Hızı</strong></td>
                        <td>mm/s</td>
                        <td>108</td>
                        <td>110</td>
                        <td>118</td>
                        <td>115</td>
                    </tr>
                    <tr>
                        <td><strong>Genişlik</strong></td>
                        <td>mm</td>
                        <td>3300</td>
                        <td>3300</td>
                        <td>3300</td>
                        <td>3500</td>
                    </tr>
                    <tr>
                        <td><strong>Uzunluk</strong></td>
                        <td>mm</td>
                        <td>2500</td>
                        <td>2500</td>
                        <td>2500</td>
                        <td>2600</td>
                    </tr>
                    <tr>
                        <td><strong>Yükseklik</strong></td>
                        <td>mm</td>
                        <td>3850</td>
                        <td>4500</td>
                        <td>4650</td>
                        <td>5150</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 = 'IZp3nYMO3JM'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hidrolik-bros-cekme-presi/">HBC &#8211; Hidrolik Broş Çekme Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hidrolik Motor Gövde Ayrıştırma Presi</title>
		<link>https://hidrokarpres.com/portfolio/hidrolik-motor-govde-ayristirma-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 10 Sep 2025 14:19:08 +0000</pubDate>
				<guid isPermaLink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21145</guid>

					<description><![CDATA[<p>Hidrolik Motor Gövde Ayrıştırma Presi ANASAYFA → ÖZEL AMAÇLI PRESLER AYRIŞTIRMA PRESİ HİDROLİK MOTOR GÖVDE AYRIŞTIRMA PRESİ En Çok Tercih Edilen Elektrikli motorların içerisindeki değerli bakır stator malzemenin dış gövdeden ayrıştırılmasını sağlayan pres makinasıdır. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Opsiyonel Özellikler Teklif Talebi Hidrolik Motor Gövde Ayrıştırma Presi için hızlı teklif alın [&#8230;]</p>
<p><a href="https://hidrokarpres.com/portfolio/hidrolik-motor-govde-ayristirma-presi/">Hidrolik Motor Gövde Ayrıştırma Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21145" class="elementor elementor-21145">
				<div class="elementor-element elementor-element-e3bbad4 e-flex e-con-boxed e-con e-parent" data-id="e3bbad4" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4463dde elementor-widget elementor-widget-html" data-id="4463dde" 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>Hidrolik Motor Gövde Ayrıştırma Presi</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">ANASAYFA</a>
                <span>→</span>
                <a href="/sac-metal-presleri" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">ÖZEL AMAÇLI PRESLER</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp" alt="Hidrolik H Tipi Portal Doğrultma Presi " />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">AYRIŞTIRMA PRESİ</div>
                <h1>HİDROLİK MOTOR GÖVDE AYRIŞTIRMA PRESİ</h1>
                <p class="subtitle">En Çok Tercih Edilen</p>
                <p>Elektrikli motorların içerisindeki değerli bakır stator malzemenin dış gövdeden ayrıştırılmasını sağlayan pres makinasıdır.  </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU-2.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU-2.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU-3.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU-3.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp">
                    <img decoding="async" src="http://www.test.carteonmobilya.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.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://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Ürün Videosu</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Teknik Özellikler</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/teklif-form" class="offer-btn" id="offerButton">Teklif Al</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
            <div class="general-features">
                <h2 class="section-title">Genel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
            
            <!-- Opsiyonel Özellikler - Sağ Alt -->
            <div class="optional-features">
                <h2 class="section-title">Opsiyonel Özellikler</h2>
                <ul class="features-list">
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Teklif Talebi</h2>
                <p class="offer-modal-subtitle">Hidrolik Motor Gövde Ayrıştırma Presi için hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Hidrolik Motor Gövde Ayrıştırma Presi</h4>
                    <p>Tüm modeller için detaylı teknik bilgi ve fiyat teklifi alabilirsiniz.</p>
                </div>
                
                <div class="form-intro">
                    Aşağıdaki formu doldurarak <strong style="color: #ff0000;">24 saat içinde</strong> size özel teklif alabilirsiniz.
                </div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title">Contact Form 7 Alanı</div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                        Bu alanı Contact Form 7 shortcode'u ile değiştirin.<br>
                        Örnek: [contact-form-7]
                    </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">Hidrolik Motor Gövde Ayrıştırma Presi - Ürün Videosu</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
    <div class="specs-modal" id="specsModal">
        <div class="specs-content">
            <span class="specs-close" id="specsClose">&times;</span>
            <div class="specs-header">
                <h2>Teknik Özellikler</h2>
            </div>
            <div class="specs-content-area">
                <table class="specs-table">
                    <thead>
                </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 = 'dQw4w9WgXcQ'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/portfolio/hidrolik-motor-govde-ayristirma-presi/">Hidrolik Motor Gövde Ayrıştırma Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
