{"id":10,"date":"2025-07-26T13:36:11","date_gmt":"2025-07-26T10:36:11","guid":{"rendered":"https:\/\/yamacambalaj.com\/?page_id=10"},"modified":"2025-08-29T18:51:38","modified_gmt":"2025-08-29T15:51:38","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/yamacambalaj.com\/","title":{"rendered":"ANA SAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbc5f42 e-flex e-con-boxed e-con e-parent\" data-id=\"fbc5f42\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d719590 e-flex e-con-boxed e-con e-parent\" data-id=\"d719590\" 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-b74bf4e elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"b74bf4e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdb6dae e-con-full e-flex e-con e-child\" data-id=\"fdb6dae\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c049a5 elementor-widget elementor-widget-html\" data-id=\"1c049a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"neden-biz-yamac\" aria-label=\"Ayr\u0131cal\u0131klar\u0131m\u0131z\">\r\n  <meta charset=\"UTF-8\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Noto+Sans:wght@400;600;800&display=swap&subset=latin-ext\" rel=\"stylesheet\">\r\n\r\n  <div class=\"nb-wrap\">\r\n    <header class=\"nb-head\">\r\n      <span class=\"eyebrow\"<\/span>\r\n      <h2><\/h2>\r\n      <p><\/p>\r\n    <\/header>\r\n\r\n    <div class=\"nb-grid\">\r\n      <!-- 1) Uygun Fiyat -->\r\n      <article class=\"nb-card\">\r\n        <div class=\"nb-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 12l-8.2 8.2a2 2 0 0 1-2.8 0L4 15.2a2 2 0 0 1 0-2.8L12.2 4H20v8z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"16\" cy=\"8\" r=\"1.6\" fill=\"currentColor\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Uygun Fiyat<\/h3>\r\n        <p>Do\u011fru ham madde ve verimli \u00fcretimle rekabet\u00e7i fiyat sunuyoruz.<\/p>\r\n      <\/article>\r\n\r\n      <!-- 2) H\u0131zl\u0131 Teslimat -->\r\n      <article class=\"nb-card\">\r\n        <div class=\"nb-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 6h11v8H3zM14 9h4l3 3v2h-7z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"7\" cy=\"17.5\" r=\"2\" \/><circle cx=\"17\" cy=\"17.5\" r=\"2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>H\u0131zl\u0131 Teslimat<\/h3>\r\n        <p>Stoklu \u00e7al\u0131\u015fma ve g\u00fc\u00e7l\u00fc lojistikle sipari\u015fleri zaman\u0131nda ula\u015ft\u0131r\u0131yoruz.<\/p>\r\n      <\/article>\r\n\r\n      <!-- 3) End\u00fcstriyel Kalite -->\r\n      <article class=\"nb-card\">\r\n        <div class=\"nb-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 8.5l.9 1.8 2 .3-1.5 1.5.4 2-1.8-.9-1.8.9.4-2-1.5-1.5 2-.3z\" fill=\"currentColor\"\/><\/svg>\r\n        <\/div>\r\n        <h3>End\u00fcstriyel Kalite<\/h3>\r\n        <p>Dayan\u0131kl\u0131l\u0131k, g\u00fcvenilirlik ve s\u00fcrd\u00fcr\u00fclebilirlik ilkelerimizle end\u00fcstriyel \u00f6l\u00e7ekte y\u00fcksek performans sunuyoruz.<\/p>\r\n      <\/article>\r\n\r\n      <!-- 4) 7\/24 Destek -->\r\n      <article class=\"nb-card\">\r\n        <div class=\"nb-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 12a8 8 0 0 1 16 0v6a2 2 0 0 1-2 2h-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"2.8\" y=\"11\" width=\"3.8\" height=\"6.2\" rx=\"1.2\" \/><rect x=\"17.4\" y=\"11\" width=\"3.8\" height=\"6.2\" rx=\"1.2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>7\/24 Destek<\/h3>\r\n        <p>Sipari\u015f, \u00fcretim ve teslimat\u0131n her ad\u0131m\u0131nda ula\u015f\u0131labiliriz.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <footer class=\"nb-cta\">\r\n      <a class=\"btn\" href=\"https:\/\/yamacambalaj.com\/index.php\/urunlerimiz\/\">\u00dcr\u00fcnlerimizi G\u00f6r<\/a>\r\n      <a class=\"btn line\" href=\"https:\/\/yamacambalaj.com\/index.php\/iletisim\/\">Teklif Al<\/a>\r\n    <\/footer>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* === Scoped styles (merkez kilit) === *\/\r\n    #neden-biz-yamac{\r\n      --navy:#0a2a4a; --red:#e03a3a; --text:#2f3943; --muted:#e9edf2; --bg:#f4f7fb; --radius:24px;\r\n      font-family:'Inter','Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n\r\n      background:linear-gradient(180deg,#fff,var(--bg) 55%,#fff);\r\n      padding:42px 0;                 \/* yan 16px'i kald\u0131rd\u0131k *\/\r\n      box-sizing:border-box;\r\n    }\r\n    \/* Ortalanm\u0131\u015f container + e\u015fit yan bo\u015fluk *\/\r\n    #neden-biz-yamac .nb-wrap{\r\n      max-width:1200px;\r\n      margin:0 auto;                  \/* merkez *\/\r\n      padding:0 clamp(16px,3vw,24px); \/* e\u015fit sa\u011f\/sol *\/\r\n    }\r\n\r\n    #neden-biz-yamac .nb-head{ text-align:center; margin-bottom:14px}\r\n    #neden-biz-yamac .eyebrow{\r\n      display:inline-block; color:var(--navy); font-weight:800; letter-spacing:.18em; font-size:12px; opacity:.7;\r\n      position:relative; padding-top:8px;\r\n    }\r\n    #neden-biz-yamac .eyebrow::before{\r\n      content:\"\"; position:absolute; top:0; left:50%; transform:translateX(-50%);\r\n      width:26px; height:4px; background:var(--red); border-radius:999px;\r\n    }\r\n    #neden-biz-yamac h2{margin:6px 0 4px; color:var(--navy); font-weight:800; font-size:clamp(28px,3.2vw,40px)}\r\n    #neden-biz-yamac .nb-head p{margin:0; color:var(--text); opacity:.9}\r\n\r\n    \/* Grid *\/\r\n    #neden-biz-yamac .nb-grid{\r\n      margin-top:18px;\r\n      display:grid; gap:18px;\r\n      grid-template-columns:repeat(4,1fr);\r\n    }\r\n    @media (max-width:1000px){ #neden-biz-yamac .nb-grid{grid-template-columns:repeat(2,1fr)} }\r\n    @media (max-width:560px){  #neden-biz-yamac .nb-grid{grid-template-columns:1fr} }\r\n\r\n    \/* Card *\/\r\n    #neden-biz-yamac .nb-card{\r\n      background:#fff; border:1px solid var(--muted); border-radius:var(--radius);\r\n      padding:18px 18px 20px; box-shadow:0 10px 28px rgba(10,42,74,.06);\r\n      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n      position:relative; isolation:isolate;\r\n    }\r\n    #neden-biz-yamac .nb-card::after{\r\n      content:\"\"; position:absolute; inset:auto 18px 0 18px; height:3px; background:var(--red); border-radius:8px;\r\n      opacity:.85; transition:transform .25s ease; transform:scaleX(.2); transform-origin:left;\r\n    }\r\n    #neden-biz-yamac .nb-card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(10,42,74,.12); border-color:#dfe7ef }\r\n    #neden-biz-yamac .nb-card:hover::after{ transform:scaleX(1) }\r\n\r\n    \/* Icon *\/\r\n    #neden-biz-yamac .nb-icon{\r\n      width:56px; height:56px; border-radius:16px; display:grid; place-items:center;\r\n      color:var(--red); background:linear-gradient(180deg,#fff, #fff 45%, #ffe9e9);\r\n      border:1px solid #ffd4d4; box-shadow:0 8px 22px rgba(224,58,58,.12);\r\n    }\r\n    #neden-biz-yamac .nb-icon svg{width:28px;height:28px;display:block}\r\n\r\n    #neden-biz-yamac h3{margin:12px 0 6px; color:var(--navy); font-size:18px; font-weight:800}\r\n    #neden-biz-yamac p{margin:0; color:var(--text); opacity:.9; line-height:1.55}\r\n\r\n    \/* CTA *\/\r\n    #neden-biz-yamac .nb-cta{display:flex; gap:12px; justify-content:center; margin-top:20px}\r\n    #neden-biz-yamac .btn{display:inline-block; background:var(--red); color:#fff; padding:10px 14px; border-radius:12px; font-weight:800; border:1px solid var(--red); text-decoration:none}\r\n    #neden-biz-yamac .btn.line{background:#fff; color:var(--red)}\r\n  <\/style>\r\n\r\n  <script>\r\n    (function(){\r\n      if(!('IntersectionObserver' in window)) return;\r\n      const cards = document.querySelectorAll('#neden-biz-yamac .nb-card');\r\n      cards.forEach(c=>{ c.style.opacity=.001; c.style.transform='translateY(8px)'; });\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e=>{\r\n          if(e.isIntersecting){\r\n            e.target.style.transition='opacity .35s ease, transform .35s ease';\r\n            e.target.style.opacity=1; e.target.style.transform='translateY(0)';\r\n            io.unobserve(e.target);\r\n          }\r\n        });\r\n      },{threshold:.12});\r\n      cards.forEach(c=>io.observe(c));\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57dd360 elementor-widget elementor-widget-html\" data-id=\"57dd360\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TAM METRAJ \u2014 Kurumsal kart + \u201ccool\u201d (hafif lacivert) frosted cetvel + k\u0131rm\u0131z\u0131 \u00e7izgiler -->\r\n<style>\r\n  #tam-metraj-corporate{\r\n    \/* Kurumsal renkler *\/\r\n    --navy:#0a2a4a;        \/* ba\u015fl\u0131k\/lacivert *\/\r\n    --ink:#12253a;         \/* g\u00f6vde metin     *\/\r\n    --muted:#5b6874;\r\n    --card-bg:#ffffff; --card-bd:#eef1f6;\r\n    --pill-bg:#eef3f8; --pill-bd:#dde6f1;\r\n\r\n    \/* CETVEL (cool tint) *\/\r\n    --thickness:220px;     \/* cetvel kal\u0131nl\u0131\u011f\u0131 (160\u2013280px) *\/\r\n    --angle:-10deg;        \/* \u015ferit a\u00e7\u0131s\u0131 *\/\r\n    --speed:22s;           \/* ak\u0131\u015f h\u0131z\u0131    *\/\r\n    --glass-blur:3px;      \/* cam efekti (0 = kapat) *\/\r\n\r\n    \/* Beyaz yerine hafif lacivert tonlar *\/\r\n    --tape-hi:#f3f7fc;     \/* \u00fcst y\u00fczey *\/\r\n    --tape-mid:#e7eef7;    \/* orta ton  *\/\r\n    --tape-lo:#d7e3f1;     \/* alt g\u00f6lge *\/\r\n\r\n    background:linear-gradient(180deg,#fbfcfe,#ffffff);\r\n    padding:56px 16px;\r\n    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    color:var(--ink);\r\n  }\r\n  #tam-metraj-corporate .wrap{ max-width:1200px; margin:0 auto; }\r\n\r\n  \/* Kart *\/\r\n  #tam-metraj-corporate .card{\r\n    position:relative; overflow:hidden;\r\n    background:var(--card-bg);\r\n    border:1px solid var(--card-bd);\r\n    border-radius:28px;\r\n    box-shadow:0 24px 60px rgba(17,24,39,.10);\r\n    padding:42px 28px;\r\n    text-align:left;\r\n  }\r\n\r\n  \/* === CETVEL: ekrandan ekrana, sa\u011fdan-sola kesintisiz === *\/\r\n  #tam-metraj-corporate .tapeWrap{\r\n    position:absolute; left:50%; top:56%;\r\n    width:240vw; height:var(--thickness);\r\n    transform:translate(-50%,-50%) rotate(var(--angle));\r\n    pointer-events:none; z-index:0;\r\n  }\r\n  #tam-metraj-corporate .rail{\r\n    position:absolute; inset:0; width:200%; height:100%;\r\n    display:flex; will-change:transform; animation:tmMove var(--speed) linear infinite;\r\n  }\r\n  @keyframes tmMove{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\r\n\r\n  \/* Frosted (cam) cetvel karo: k\u0131rm\u0131z\u0131 tikler + cool lacivert tint *\/\r\n  #tam-metraj-corporate .tile{\r\n    position:relative; width:50%; height:100%;\r\n    border-radius:18px;\r\n    background-image:\r\n      \/* k\u0131rm\u0131z\u0131 tikler (10px \/ 50px \/ 100px) *\/\r\n      url(\"data:image\/svg+xml;utf8,\\\r\n<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100' height='100' viewBox='0 0 100 100'>\\\r\n  <g stroke='%23e30613' stroke-width='1' stroke-linecap='square'>\\\r\n    <path d='M10 0 V24 M20 0 V24 M30 0 V24 M40 0 V24 M60 0 V24 M70 0 V24 M80 0 V24 M90 0 V24'\/>\\\r\n  <\/g>\\\r\n  <g stroke='%23e30613' stroke-width='2'>\\\r\n    <path d='M50 0 V48'\/>\\\r\n  <\/g>\\\r\n  <g stroke='%23e30613' stroke-width='4'>\\\r\n    <path d='M0 0 V76'\/>\\\r\n  <\/g>\\\r\n<\/svg>\"),\r\n      \/* micro-\u015ferit (brushed) doku *\/\r\n      repeating-linear-gradient(90deg, rgba(255,255,255,.20) 0 1px, rgba(255,255,255,0) 1px 7px),\r\n      \/* \u00fcst parlama & alt g\u00f6lge *\/\r\n      linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.16) 40%, rgba(10,42,74,.10) 100%),\r\n      \/* cool lacivert \u201ctint\u201d katman\u0131 *\/\r\n      linear-gradient(180deg, rgba(10,42,74,.08), rgba(10,42,74,.04)),\r\n      \/* lacivert-tinted cam taban\u0131 *\/\r\n      linear-gradient(180deg, var(--tape-hi) 0%, var(--tape-mid) 45%, var(--tape-lo) 100%);\r\n    background-repeat:repeat-x, repeat, no-repeat, no-repeat, no-repeat;\r\n    background-size:100px 100%, 14px 100%, 100% 100%, 100% 100%, 100% 100%;\r\n    border:1px solid rgba(255,255,255,.45);\r\n    box-shadow:\r\n      0 14px 28px rgba(0,0,0,.18),\r\n      inset 0 10px 18px rgba(255,255,255,.18),\r\n      inset 0 -12px 20px rgba(0,0,0,.12);\r\n    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(120%);\r\n            backdrop-filter: blur(var(--glass-blur)) saturate(120%);\r\n  }\r\n  \/* diyagonal parlama + alt vignette *\/\r\n  #tam-metraj-corporate .tile::before{\r\n    content:\"\"; position:absolute; inset:0; border-radius:18px; pointer-events:none;\r\n    background:\r\n      linear-gradient(120deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 55%),\r\n      linear-gradient(300deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 40%);\r\n    mix-blend-mode:screen;\r\n  }\r\n  #tam-metraj-corporate .tile::after{\r\n    content:\"\"; position:absolute; inset:0; border-radius:18px; pointer-events:none;\r\n    background: radial-gradient(120% 60% at 50% 120%, rgba(0,0,0,.18), transparent 60%);\r\n  }\r\n\r\n  \/* \u0130\u00e7erik (metinler) *\/\r\n  #tam-metraj-corporate .content{ position:relative; z-index:1; }\r\n\r\n  .kicker{\r\n    display:inline-block; padding:6px 12px; border-radius:999px;\r\n    font-weight:800; font-size:12px; letter-spacing:.06em; text-transform:uppercase;\r\n    color:#fff; background:#e03a3a; box-shadow:0 8px 18px rgba(224,58,58,.25);\r\n  }\r\n  #tam-metraj-corporate h2{\r\n    margin:12px 0 8px; color:var(--navy); font-weight:900;\r\n    font-size:clamp(32px,3.4vw,44px); line-height:1.1;\r\n  }\r\n  #tam-metraj-corporate .u-svg{ width:260px; height:18px; display:block; margin:6px 0 0; }\r\n  #tam-metraj-corporate .u-svg path{\r\n    fill:none; stroke:#e03a3a; stroke-width:6; stroke-linecap:round;\r\n    filter:drop-shadow(0 2px 0 rgba(0,0,0,.06));\r\n  }\r\n  .lead{\r\n    margin:8px 0 18px; color:var(--ink);\r\n    font-size:clamp(16px,1.2vw,19px); font-weight:700; line-height:1.7;\r\n  }\r\n  .lead .hl{\r\n    color:#e03a3a; font-weight:900;\r\n    background:linear-gradient(to top, rgba(227,6,19,.16) 0 55%, transparent 55% 100%);\r\n    border-radius:3px; padding:0 2px;\r\n  }\r\n\r\n  .facts{ display:flex; flex-wrap:wrap; gap:10px; margin:0; }\r\n  .pill{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    background:var(--pill-bg); border:1px solid var(--pill-bd);\r\n    color:var(--navy); font-weight:800; font-size:14px;\r\n    padding:10px 14px; border-radius:14px;\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    #tam-metraj-corporate{ padding:40px 12px; }\r\n    #tam-metraj-corporate .card{ padding:32px 20px; }\r\n    #tam-metraj-corporate .tapeWrap{ height:180px; top:60%; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    #tam-metraj-corporate .rail{ animation:none }\r\n    #tam-metraj-corporate .tile{ -webkit-backdrop-filter:none; backdrop-filter:none; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"tam-metraj-corporate\" aria-label=\"Tam Metraj \u2014 Kurumsal\">\r\n  <div class=\"wrap\">\r\n    <div class=\"card\">\r\n      <!-- Frosted \u201ccool\u201d lacivert CETVEL (sa\u011fdan sola, ekrandan ekrana) -->\r\n      <div class=\"tapeWrap\" aria-hidden=\"true\">\r\n        <div class=\"rail\">\r\n          <div class=\"tile\"><\/div>\r\n          <div class=\"tile\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"content\">\r\n        <span class=\"kicker\">TAM METRAJ S\u00d6Z\u00dc<\/span>\r\n        <h2>\r\n          Etikette ne yaz\u0131yorsa, rulonuzda o.\r\n          <svg class=\"u-svg\" viewBox=\"0 0 260 18\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 12 C60 4, 160 22, 255 10\"\/>\r\n          <\/svg>\r\n        <\/h2>\r\n\r\n        <p class=\"lead\">\r\n          <span class=\"hl\"<\/span>\r\n          Metraj, Yama\u00e7 Ambala i\u00e7in pazarlama de\u011fil; \u00fcretimden sevkiyata kadar\r\n          <strong>\u00f6l\u00e7\u00fclen ve do\u011frulanan<\/strong> taahh\u00fctt\u00fcr.\r\n        <\/p>\r\n\r\n        <div class=\"facts\">\r\n          <span class=\"pill\">\u00dcretim i\u00e7i metraj \u00f6l\u00e7\u00fcm\u00fc<\/span>\r\n          <span class=\"pill\">Sevkiyat \u00f6ncesi do\u011frulama<\/span>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09d9383 elementor-widget elementor-widget-html\" data-id=\"09d9383\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== \u00dcR\u00dcN V\u0130TR\u0130N\u0130 (ok kontroll\u00fc) ====== -->\r\n<section id=\"urun-vitrini-home\" aria-label=\"\u00dcr\u00fcn Vitrini\">\r\n  <div class=\"uv-wrap\">\r\n    <header class=\"uv-head\">\r\n      <div>\r\n        <h2>\u00dcr\u00fcn Vitrini<\/h2>\r\n        <p>En \u00e7ok tercih edilen \u00e7\u00f6z\u00fcmlerimiz.<\/p>\r\n      <\/div>\r\n      <div class=\"uv-ctrl\">\r\n        <button class=\"uv-nav uv-prev\" aria-label=\"Geri\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\"><path d=\"M15.5 4.5L8 12l7.5 7.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"uv-nav uv-next\" aria-label=\"\u0130leri\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\"><path d=\"M8.5 4.5L16 12l-7.5 7.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"uv-shelf\">\r\n      <div class=\"uv-strip\" id=\"uv-strip\">\r\n        <!-- === KARTLAR === -->\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/stretch-film\/\" aria-label=\"Stre\u00e7 Film\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/str.png\" alt=\"Stre\u00e7 Film\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Stretch Film<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/ozel-baskili-urunler-2\/\" aria-label=\"\u00d6zel Bask\u0131l\u0131 \u00dcr\u00fcnler\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/baskili-kagit-canta-3.png\" alt=\"\u00d6zel Bask\u0131l\u0131 \u00dcr\u00fcnler\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">\u00d6zel Bask\u0131l\u0131<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/shrink-2\/\" aria-label=\"Shrink Ambalaj\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/pof-shrink.jpg\" alt=\"Shrink Ambalaj\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Shrink<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/tasima-posetleri\/\" aria-label=\"Ta\u015f\u0131ma Po\u015fetleri\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/diyagonel-poset.png\" alt=\"Ta\u015f\u0131ma Po\u015fetleri\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Ta\u015f\u0131ma Po\u015fetleri<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/koli-bandi-2\/\" aria-label=\"Koli Band\u0131\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/2-1.png\" alt=\"Koli Band\u0131\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Koli Band\u0131<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/cember\/\" aria-label=\"\u00c7ember\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/palet-ecmber.png\" alt=\"\u00c7ember\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">\u00c7ember<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/doypack-2\/\" aria-label=\"Doypack Po\u015fet\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/aliminyum-doypack.jpg\" alt=\"Doypack Po\u015fet\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Doypack<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/balonlu-naylon-2\/\" aria-label=\"Balonlu Naylon\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/balonlu-naylon.jpg\" alt=\"Balonlu Naylon\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Balonlu Naylon<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/kagit-grubu\/\" aria-label=\"Ka\u011f\u0131t Grubu\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/koli.png\" alt=\"Ka\u011f\u0131t Grubu\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Ka\u011f\u0131t Grubu<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/palet-ortusu\/\" aria-label=\"Palet \u00d6rt\u00fcs\u00fc\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/palet-ortusu.png\" alt=\"Palet \u00d6rt\u00fcs\u00fc\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Palet \u00d6rt\u00fcs\u00fc<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"uv-card\" href=\"https:\/\/yamacambalaj.com\/index.php\/diger-urunler\/\" aria-label=\"Di\u011fer \u00dcr\u00fcnler\">\r\n          <figure class=\"uv-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/market-rulo.png\" alt=\"Di\u011fer \u00dcr\u00fcnler\">\r\n          <\/figure>\r\n          <div class=\"uv-meta\">\r\n            <span class=\"uv-badge\">Di\u011fer \u00dcr\u00fcnler<\/span>\r\n            <span class=\"uv-btn\">\u0130ncele<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <!-- === \/KARTLAR === -->\r\n      <\/div>\r\n\r\n      <!-- Kenar oklar\u0131 -->\r\n      <button class=\"uv-side uv-left\" aria-label=\"Geri\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" aria-hidden=\"true\"><path d=\"M15.5 4.5L8 12l7.5 7.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"uv-side uv-right\" aria-label=\"\u0130leri\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" aria-hidden=\"true\"><path d=\"M8.5 4.5L16 12l-7.5 7.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ====== Tema ====== *\/\r\n  #urun-vitrini-home{\r\n    --navy:#0a2a4a; --red:#e03a3a; --ink:#2f3943; --muted:#e9edf2; --radius:18px;\r\n    font-family: Inter, \"Noto Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  #urun-vitrini-home .uv-wrap{ max-width:1200px; margin:0 auto; }\r\n  #urun-vitrini-home .uv-head{\r\n    display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:42px 16px 8px;\r\n  }\r\n  #urun-vitrini-home h2{ margin:0; color:var(--navy); font-weight:800; font-size:clamp(28px,3.2vw,40px); }\r\n  #urun-vitrini-home p{ margin:6px 0 0; color:var(--ink); opacity:.9; }\r\n\r\n  \/* \u00dcst sa\u011fdaki k\u00fc\u00e7\u00fck oklar *\/\r\n  .uv-ctrl{ display:flex; gap:8px; }\r\n  .uv-nav{\r\n    all:unset; display:grid; place-items:center; width:40px; height:40px; border-radius:50%;\r\n    background:#fff; color:var(--navy); border:1px solid var(--muted);\r\n    box-shadow:0 6px 16px rgba(10,42,74,.12); cursor:pointer;\r\n  }\r\n  .uv-nav:active{ transform:translateY(1px); }\r\n\r\n  \/* \u015eerit ve kartlar *\/\r\n  .uv-shelf{ position:relative; isolation:isolate; padding:0 56px 28px; }\r\n  .uv-strip{\r\n    display:grid; grid-auto-flow:column; grid-auto-columns:clamp(240px,26vw,320px);\r\n    gap:16px; overflow:auto; padding:4px 0 0; scroll-behavior:smooth; -webkit-overflow-scrolling:touch;\r\n  }\r\n  .uv-strip::-webkit-scrollbar{ display:none; }\r\n  .uv-card{\r\n    background:#fff; border:1px solid var(--muted); border-radius:var(--radius);\r\n    overflow:hidden; display:flex; flex-direction:column; text-decoration:none;\r\n    color:inherit; box-shadow:0 10px 24px rgba(10,42,74,.05);\r\n  }\r\n  .uv-thumb{ position:relative; aspect-ratio:1\/1; background:#fff; overflow:hidden; margin:0; border-bottom:3px solid var(--red); }\r\n  .uv-thumb img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }\r\n\r\n  .uv-meta{ padding:12px 12px 14px; display:flex; align-items:center; justify-content:space-between; gap:8px; }\r\n  .uv-badge{\r\n    display:inline-block; background:#fff; border:1px solid var(--navy); color:var(--navy);\r\n    padding:5px 10px; border-radius:999px; font-weight:800; font-size:12px; white-space:nowrap;\r\n  }\r\n  .uv-btn{\r\n    display:inline-block; background:var(--red); color:#fff; border:1px solid var(--red);\r\n    padding:8px 12px; border-radius:12px; font-weight:800; font-size:14px; white-space:nowrap;\r\n  }\r\n\r\n  \/* Kenardaki b\u00fcy\u00fck oklar *\/\r\n  .uv-side{\r\n    all:unset; position:absolute; top:50%; transform:translateY(-50%);\r\n    display:grid; place-items:center; width:44px; height:44px; border-radius:50%;\r\n    background:#fff; color:var(--navy); border:1px solid var(--muted);\r\n    box-shadow:0 8px 24px rgba(10,42,74,.15); cursor:pointer; z-index:9;\r\n  }\r\n  .uv-left{ left:8px; }\r\n  .uv-right{ right:8px; }\r\n  .uv-side:active{ transform:translateY(-50%) translateY(1px); }\r\n\r\n  @media (max-width: 768px){\r\n    .uv-shelf{ padding:0 40px 24px; }\r\n    .uv-left{ left:4px; } .uv-right{ right:4px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('urun-vitrini-home');\r\n  if(!root) return;\r\n  const strip = root.querySelector('#uv-strip');\r\n  const prev = root.querySelector('.uv-prev');\r\n  const next = root.querySelector('.uv-next');\r\n  const sideL = root.querySelector('.uv-left');\r\n  const sideR = root.querySelector('.uv-right');\r\n\r\n  function stepSize(){\r\n    const first = strip.querySelector('.uv-card');\r\n    const gap = parseInt(getComputedStyle(strip).gap || '16', 10);\r\n    return first ? Math.round(first.getBoundingClientRect().width + gap) : 320;\r\n  }\r\n  function stepLeft(){ strip.scrollBy({left: -stepSize(), behavior: 'smooth'}); }\r\n  function stepRight(){ strip.scrollBy({left:  stepSize(), behavior: 'smooth'}); }\r\n\r\n  [prev, sideL].forEach(b => b && b.addEventListener('click', stepLeft));\r\n  [next, sideR].forEach(b => b && b.addEventListener('click', stepRight));\r\n\r\n  \/\/ Klavye ile gezinme (ok tu\u015flar\u0131)\r\n  root.addEventListener('keydown', (e)=>{\r\n    if(e.key === 'ArrowLeft'){ stepLeft(); }\r\n    if(e.key === 'ArrowRight'){ stepRight(); }\r\n  });\r\n})();\r\n<\/script>\r\n<!-- ====== \/\u00dcR\u00dcN V\u0130TR\u0130N\u0130 ====== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb595f6 elementor-widget elementor-widget-html\" data-id=\"fb595f6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"referanslar-v2\" aria-label=\"Referanslar\">\r\n  <meta charset=\"UTF-8\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Noto+Sans:wght@400;600;800&display=swap&subset=latin-ext\" rel=\"stylesheet\">\r\n\r\n  <div class=\"r-wrap\">\r\n    <header class=\"r-head\">\r\n      <h2>Referanslar<\/h2>\r\n      <p>Bizi tercih eden markalardan birka\u00e7\u0131.<\/p>\r\n    <\/header>\r\n\r\n    <!-- Hareketli (marquee) renkli b\u00fcy\u00fck logolar -->\r\n    <div class=\"logos-marquee\" aria-label=\"Referans logolar\u0131 kayan \u015ferit\">\r\n      <ul class=\"track\" style=\"--duration:26s; --logo-h: clamp(64px, 9vw, 104px);\">\r\n        <!-- 1. tur -->\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/haribo_turkey_logo.jpeg\" alt=\"Haribo\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/KORDSA.jpeg\" alt=\"Kordsa\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/TEMSA.png\" alt=\"TEMSA\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/SASA.png\" alt=\"SASA\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images.jpeg\" alt=\"Referans 5\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/fb-site-logo.png\" alt=\"Referans 6\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images.png\" alt=\"Referans 7\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/WAVIN.png\" alt=\"Wavin\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/KITAPSAN.png\" alt=\"Kitapsan\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/DIMES.png\" alt=\"D\u0130MES\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/ANADOLU-EFES.jpg\" alt=\"Anadolu Efes\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images-1.jpeg\" alt=\"Referans 12\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n\r\n        <!-- 2. tur (kesintisiz d\u00f6ng\u00fc i\u00e7in kopya) -->\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/haribo_turkey_logo.jpeg\" alt=\"Haribo\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/KORDSA.jpeg\" alt=\"Kordsa\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/TEMSA.png\" alt=\"TEMSA\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/SASA.png\" alt=\"SASA\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images.jpeg\" alt=\"Referans 5\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/fb-site-logo.png\" alt=\"Referans 6\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images.png\" alt=\"Referans 7\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/WAVIN.png\" alt=\"Wavin\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/KITAPSAN.png\" alt=\"Kitapsan\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/DIMES.png\" alt=\"D\u0130MES\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/ANADOLU-EFES.jpg\" alt=\"Anadolu Efes\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n        <li class=\"logo\"><img src=\"https:\/\/yamacambalaj.com\/wp-content\/uploads\/2025\/08\/images-1.jpeg\" alt=\"Referans 12\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    #referanslar-v2{\r\n      --navy:#0a2a4a;--red:#e03a3a;--text:#2f3943;--muted:#e9edf2;--radius:18px;\r\n      font-family:'Inter','Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n      -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;\r\n      background:linear-gradient(180deg,#fff,#f8fafc 35%,#fff);\r\n      padding:42px 16px;\r\n    }\r\n    #referanslar-v2 .r-wrap{max-width:1200px;margin:auto}\r\n    #referanslar-v2 .r-head h2{margin:0;color:var(--navy);font-weight:800;font-size:clamp(26px,3vw,36px)}\r\n    #referanslar-v2 .r-head p{margin:8px 0 0;color:var(--text);opacity:.9}\r\n\r\n    \/* Kayan \u015ferit (renkli & b\u00fcy\u00fck) *\/\r\n    #referanslar-v2 .logos-marquee{\r\n      position:relative; margin-top:18px; overflow:hidden; border:1px solid var(--muted);\r\n      border-radius:16px; background:#fff; box-shadow:0 8px 20px rgba(10,42,74,.05);\r\n    }\r\n    #referanslar-v2 .track{\r\n      list-style:none; margin:0; padding:18px 12px; display:flex; align-items:center;\r\n      gap: clamp(32px, 6vw, 84px); width:max-content;\r\n      animation: marquee var(--duration, 26s) linear infinite;\r\n      will-change: transform;\r\n    }\r\n    \/* Hover\/odak s\u0131ras\u0131nda duraklat *\/\r\n    #referanslar-v2 .logos-marquee:hover .track,\r\n    #referanslar-v2 .logos-marquee:focus-within .track{ animation-play-state: paused; }\r\n\r\n    @keyframes marquee {\r\n      from { transform: translateX(0); }\r\n      to   { transform: translateX(-50%); } \/* i\u00e7erik iki kez listelendi *\/\r\n    }\r\n\r\n    \/* Logo \u00f6\u011feleri *\/\r\n    #referanslar-v2 .logo{ flex:0 0 auto; display:grid; place-items:center; min-width:160px; }\r\n    #referanslar-v2 .logo img{\r\n      height: var(--logo-h, clamp(64px, 9vw, 104px)); \/* B\u00dcY\u00dcK *\/\r\n      width: auto; object-fit: contain; display:block;\r\n      \/* Renkli b\u0131rak\u0131yoruz (grayscale YOK) *\/\r\n      transition: transform .25s ease;\r\n      pointer-events: none;\r\n    }\r\n    #referanslar-v2 .logo:hover img{ transform: translateY(-2px); }\r\n    @media (prefers-reduced-motion: reduce){ #referanslar-v2 .track{ animation:none; } }\r\n  <\/style>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3df7195 e-flex e-con-boxed e-con e-parent\" data-id=\"3df7195\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-495313e e-flex e-con-boxed e-con e-parent\" data-id=\"495313e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a9e1e1 e-flex e-con-boxed e-con e-parent\" data-id=\"9a9e1e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Uygun Fiyat Do\u011fru ham madde ve verimli \u00fcretimle rekabet\u00e7i fiyat sunuyoruz. H\u0131zl\u0131 Teslimat Stoklu \u00e7al\u0131\u015fma ve g\u00fc\u00e7l\u00fc lojistikle sipari\u015fleri zaman\u0131nda ula\u015ft\u0131r\u0131yoruz. End\u00fcstriyel [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":308,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1163,"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/1163"}],"wp:attachment":[{"href":"https:\/\/yamacambalaj.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}