{"id":645,"date":"2025-08-20T18:20:35","date_gmt":"2025-08-20T15:20:35","guid":{"rendered":"https:\/\/yamacambalaj.com\/?page_id=645"},"modified":"2025-08-22T16:52:20","modified_gmt":"2025-08-22T13:52:20","slug":"diger-urunler","status":"publish","type":"page","link":"https:\/\/yamacambalaj.com\/index.php\/diger-urunler\/","title":{"rendered":"Di\u011fer \u00dcr\u00fcnler"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"645\" class=\"elementor elementor-645\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c2cfa e-flex e-con-boxed e-con e-parent\" data-id=\"35c2cfa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c66eaba elementor-widget elementor-widget-html\" data-id=\"c66eaba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ D\u0130\u011eER \u00dcR\u00dcNLER \u2014 tek blok ============ -->\r\n<style>\r\n\/* T\u00fcrk\u00e7e karakterler d\u00fczg\u00fcn *\/\r\n#diger-urunler, #diger-urunler *{\r\n  font-family:\"Inter\",\"Noto Sans\",\"Segoe UI\",\"Helvetica Neue\",Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\",sans-serif;\r\n  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;\r\n  font-feature-settings:\"locl\" 1,\"liga\" 1,\"calt\" 1;\r\n}\r\n\r\n\/* Sayfa geni\u015fli\u011fi *\/\r\n#diger-urunler{\r\n  --ink:#0f1822; --muted:#586472; --navy:#0a2a4a; --navy2:#0e3b61;\r\n  --red:#e03a3a; --red2:#c92f2f; --line:#e9eef5;\r\n  max-width:1200px; margin:0 auto; padding:8px 0 24px;\r\n}\r\n\r\n\/* Ba\u015fl\u0131k *\/\r\n#diger-urunler h1{\r\n  margin:8px 0 10px; font-weight:800; color:var(--ink);\r\n  font-size:clamp(28px,3.4vw,36px);\r\n}\r\n\r\n\/* Sticky chip bar (tepeye yasl\u0131) *\/\r\n#diger-urunler .jump-nav{ position:sticky; top:0; z-index:60; margin:0 0 10px; }\r\n#diger-urunler .jump-row{\r\n  display:flex; gap:8px; flex-wrap:nowrap; white-space:nowrap;\r\n  overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none;\r\n  padding:6px 12px;\r\n}\r\n#diger-urunler .jump-row::-webkit-scrollbar{ width:0; height:0; }\r\n#diger-urunler .chip{\r\n  flex:0 0 auto; padding:8px 14px; border-radius:999px; font-weight:800; font-size:12px;\r\n  background:#eef2f6; border:1px solid #dfe6ee; color:#17212b; text-decoration:none;\r\n  transition:opacity .2s, transform .06s, background .2s, color .2s;\r\n}\r\n#diger-urunler .chip:hover{ transform:translateY(-1px); }\r\n#diger-urunler .chip.active{\r\n  background:linear-gradient(180deg,var(--navy),var(--navy2));\r\n  border-color:transparent; color:#fff; opacity:1;\r\n}\r\n#diger-urunler .jump-nav.scrolled .chip{\r\n  opacity:.78; backdrop-filter:saturate(120%) blur(4px); -webkit-backdrop-filter:blur(4px);\r\n}\r\n#diger-urunler .jump-nav.scrolled .chip:hover,\r\n#diger-urunler .chip.active{ opacity:1; }\r\n\r\n\/* Kartlar (zigzag + reveal) *\/\r\n#diger-urunler .card{\r\n  position:relative; display:flex; gap:26px; align-items:center;\r\n  background:#fff; border-radius:16px; box-shadow:0 14px 36px rgba(16,24,40,.08);\r\n  padding:22px; margin:18px 0; scroll-margin-top:70px;\r\n  transform:translateX(-28px); opacity:0;\r\n  transition:transform .75s cubic-bezier(.22,1,.36,1), opacity .6s ease;\r\n}\r\n#diger-urunler .card:nth-of-type(even){ flex-direction:row-reverse; transform:translateX(28px); }\r\n#diger-urunler .card.in{ transform:none; opacity:1; }\r\n\r\n\/* G\u00f6rsel 1:1 \u2014 k\u0131rpma olmas\u0131n (contain) + hafif hover hareketi *\/\r\n#diger-urunler .media{\r\n  flex:0 0 40%; aspect-ratio:1\/1; border-radius:12px; overflow:hidden; background:#fff;\r\n}\r\n#diger-urunler .media img{\r\n  width:100%; height:100%; object-fit:contain; object-position:center; padding:8px;\r\n  display:block; transform:scale(1) translateZ(0);\r\n  transition:transform .5s ease, box-shadow .4s ease;\r\n}\r\n#diger-urunler .card:hover .media img,\r\n#diger-urunler .card:focus-within .media img{\r\n  transform:scale(1.03) translateY(-1px); box-shadow:0 16px 32px rgba(0,0,0,.16);\r\n}\r\n\r\n\/* Metinler *\/\r\n#diger-urunler .content{ flex:1 1 60%; }\r\n#diger-urunler .content h2{ margin:0 0 8px; font-weight:800; font-size:22px; line-height:1.2; color:var(--ink); }\r\n#diger-urunler .content p{ margin:0 0 8px; color:var(--muted); line-height:1.65; overflow-wrap:anywhere; }\r\n\r\n\/* CTA *\/\r\n#diger-urunler .actions{ margin-top:10px; position:relative; z-index:4; }\r\n#diger-urunler .btn{\r\n  display:inline-block; padding:11px 18px; border-radius:999px; font-weight:700; text-decoration:none;\r\n  pointer-events:auto; position:relative; z-index:5; cursor:pointer;\r\n}\r\n#diger-urunler .btn.primary{\r\n  background:linear-gradient(180deg,var(--red),var(--red2)); color:#fff; border:1px solid rgba(224,58,58,.9);\r\n  box-shadow:0 8px 18px rgba(224,58,58,.18);\r\n}\r\n#diger-urunler .btn.primary:hover{ opacity:.95; box-shadow:0 10px 22px rgba(224,58,58,.22); }\r\n\r\n\/* Mobil *\/\r\n@media (max-width:991px){\r\n  #diger-urunler .card, #diger-urunler .card:nth-of-type(even){ flex-direction:column; }\r\n  #diger-urunler .media{ width:100%; flex:none; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  #diger-urunler .card{ transform:none !important; opacity:1 !important; transition:none !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"diger-urunler\">\r\n  <h1>Di\u011fer \u00dcr\u00fcnler<\/h1>\r\n\r\n  <!-- Chip bar -->\r\n  <nav class=\"jump-nav\">\r\n    <div class=\"jump-row\" id=\"du-chips\">\r\n      <a class=\"chip active\" href=\"#naylon-branda\">Naylon Branda<\/a>\r\n      <a class=\"chip\" href=\"#pe-masa-ortusu\">P.E Masa \u00d6rt\u00fcs\u00fc<\/a>\r\n      <a class=\"chip\" href=\"#market-rulo\">Market Rulo<\/a>\r\n      <a class=\"chip\" href=\"#buzdolabi-poseti\">Buzdolab\u0131 Po\u015feti<\/a>\r\n      <a class=\"chip\" href=\"#cop-poseti\">\u00c7\u00f6p Po\u015feti<\/a>\r\n      <a class=\"chip\" href=\"#bakkaliye-torbasi\">Bakkaliye Torbas\u0131<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- 1) Naylon Branda -->\r\n  <section id=\"naylon-branda\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/rulo-branda.png\" alt=\"Naylon Branda\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>Naylon Branda<\/h2>\r\n      <p>D\u0131\u015f etkenlere kar\u015f\u0131 ge\u00e7ici koruma ve \u00f6rtme uygulamalar\u0131 i\u00e7in kullan\u0131l\u0131r. \u00c7e\u015fitli ebat ve kal\u0131nl\u0131klarda \u00fcretilebilir; depolama ve sevkiyatta pratik \u00e7\u00f6z\u00fcm sunar.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2) P.E Masa \u00d6rt\u00fcs\u00fc -->\r\n  <section id=\"pe-masa-ortusu\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/masa-ortusu.png\" alt=\"P.E Masa \u00d6rt\u00fcs\u00fc\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>P.E Masa \u00d6rt\u00fcs\u00fc<\/h2>\r\n      <p>Tek kullan\u0131ml\u0131k ve hijyenik kullan\u0131ma uygundur. Restoran, etkinlik ve end\u00fcstriyel alanlarda h\u0131zl\u0131 kurulum ve kolay temizleme avantaj\u0131 sa\u011flar.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3) Market Rulo -->\r\n  <section id=\"market-rulo\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/market-rulo.png\" alt=\"Market Rulo\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>Market Rulo<\/h2>\r\n      <p>Manav ve marketlerde h\u0131zl\u0131 paketleme i\u00e7in idealdir. Y\u0131rt\u0131lmas\u0131 kolay, pratik kullan\u0131m sunar; farkl\u0131 en ve metraj se\u00e7enekleri mevcuttur.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4) Buzdolab\u0131 Po\u015feti -->\r\n  <section id=\"buzdolabi-poseti\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/buzdolabi-poseti.png\" alt=\"Buzdolab\u0131 Po\u015feti\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>Buzdolab\u0131 Po\u015feti<\/h2>\r\n      <p>G\u0131dalar\u0131n saklanmas\u0131 i\u00e7in pratik ve hijyenik \u00e7\u00f6z\u00fcmd\u00fcr. Farkl\u0131 boy se\u00e7enekleriyle ev ve i\u015fletmelerde d\u00fczenli depolama sa\u011flar.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 5) \u00c7\u00f6p Po\u015feti -->\r\n  <section id=\"cop-poseti\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/cop-poseti.png\" alt=\"\u00c7\u00f6p Po\u015feti\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>\u00c7\u00f6p Po\u015feti<\/h2>\r\n      <p>Ev, ofis ve end\u00fcstriyel kullan\u0131ma uygun sa\u011flam yap\u0131l\u0131 po\u015fetlerdir. \u00c7e\u015fitli litre ve renk se\u00e7enekleriyle \u00fcretilir.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 6) Bakkaliye Torbas\u0131 -->\r\n  <section id=\"bakkaliye-torbasi\" class=\"card\">\r\n    <div class=\"media\">\r\n      <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/bakkaliye-torbasi.png\" alt=\"Bakkaliye Torbas\u0131\">\r\n    <\/div>\r\n    <div class=\"content\">\r\n      <h2>Bakkaliye Torbas\u0131<\/h2>\r\n      <p>G\u00fcnl\u00fck al\u0131\u015fveri\u015f ve paketleme i\u00e7in ekonomik ve pratik ta\u015f\u0131ma \u00e7\u00f6z\u00fcm\u00fcd\u00fcr. Farkl\u0131 ebatlarda tedarik edilebilir.<\/p>\r\n      <div class=\"actions\"><a class=\"btn primary\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n\/* reveal + chip bar \u015feffafla\u015fma + smooth scroll + scrollspy + yatay wheel kayd\u0131rma *\/\r\n(function(){\r\n  var root=document.getElementById('diger-urunler'); if(!root) return;\r\n\r\n  \/\/ reveal\r\n  var cards=[].slice.call(root.querySelectorAll('.card'));\r\n  var io=new IntersectionObserver(function(es){\r\n    es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\r\n  },{threshold:.25, rootMargin:\"0px 0px -10% 0px\"});\r\n  cards.forEach(function(c){ io.observe(c); });\r\n\r\n  \/\/ chipbar scrolled\r\n  var nav=root.querySelector('.jump-nav');\r\n  var onScroll=function(){ nav && nav.classList.toggle('scrolled', window.scrollY>10); };\r\n  onScroll(); window.addEventListener('scroll', onScroll);\r\n\r\n  \/\/ smooth scroll + aktif chip\r\n  var chips=[].slice.call(root.querySelectorAll('.chip'));\r\n  chips.forEach(function(a){\r\n    a.addEventListener('click',function(ev){\r\n      ev.preventDefault();\r\n      var t=document.querySelector(a.getAttribute('href')); if(!t) return;\r\n      t.scrollIntoView({behavior:'smooth',block:'start'});\r\n      chips.forEach(function(x){x.classList.remove('active')}); a.classList.add('active');\r\n      history.replaceState(null,'',a.getAttribute('href'));\r\n    });\r\n  });\r\n  var spy=new IntersectionObserver(function(es){\r\n    es.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        var id='#'+e.target.id;\r\n        chips.forEach(function(a){ a.classList.toggle('active', a.getAttribute('href')===id); });\r\n      }\r\n    });\r\n  },{threshold:.55, rootMargin:\"-20% 0px -60% 0px\"});\r\n  root.querySelectorAll('.card[id]').forEach(function(s){ spy.observe(s); });\r\n\r\n  \/\/ chip bar: mouse tekerle\u011fi ile yatay kayd\u0131r\r\n  var row=document.getElementById('du-chips');\r\n  if(row){\r\n    row.addEventListener('wheel',function(e){\r\n      if(Math.abs(e.deltaY)>Math.abs(e.deltaX)){ row.scrollLeft += e.deltaY; e.preventDefault(); }\r\n    },{passive:false});\r\n  }\r\n})();\r\n<\/script>\r\n<!-- ======================== \/SON ======================== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Di\u011fer \u00dcr\u00fcnler Naylon Branda P.E Masa \u00d6rt\u00fcs\u00fc Market Rulo Buzdolab\u0131 Po\u015feti \u00c7\u00f6p Po\u015feti Bakkaliye Torbas\u0131 Naylon Branda D\u0131\u015f etkenlere kar\u015f\u0131 ge\u00e7ici koruma [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":4,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":781,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/645\/revisions\/781"}],"wp:attachment":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/media?parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}