{"id":836,"date":"2021-02-10T15:24:36","date_gmt":"2021-02-10T12:24:36","guid":{"rendered":"https:\/\/tasdekoryapi.com\/?page_id=836"},"modified":"2026-11-12T12:45:45","modified_gmt":"2026-11-12T09:45:45","slug":"mermer-galerimiz","status":"publish","type":"page","link":"https:\/\/tasdekoryapi.com\/en\/mermer-galerimiz\/","title":{"rendered":"Marble collection"},"content":{"rendered":"\n\t\t<div id=\"fws_6af7250312956\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row standard_section \"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"row-bg\"  style=\"\"><\/div><\/div><div class=\"row-bg-overlay\" ><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-t-w-inherits=\"default\" data-bg-cover=\"\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-hover-bg=\"\" data-hover-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" ><div class=\"column-bg-overlay-wrap\" data-bg-animation=\"none\"><div class=\"column-bg-overlay\"><\/div><\/div>\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\n<!--\n  TA\u015e DEKOR \u2014 MERMER GALER\u0130M\u0130Z\n  WordPress \/ WPBakery \"Raw HTML\" alan\u0131na tek par\u00e7a olarak yap\u0131\u015ft\u0131r\u0131labilir.\n-->\n\n<section class=\"tdg\" id=\"tdg-top\">\n\n  <!-- HERO -->\n  <header class=\"tdg-hero\">\n    <div class=\"tdg-hero-media\" aria-hidden=\"true\"><\/div>\n    <div class=\"tdg-hero-shade\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"tdg-shell tdg-hero-inner\">\n      <div class=\"tdg-eyebrow tdg-eyebrow--light\">\n        <span><\/span>\n        Ta\u015f Dekor Mermer Koleksiyonu\n      <\/div>\n\n      <h1>Mermer<br><em>Galerimiz<\/em><\/h1>\n\n      <p class=\"tdg-hero-copy\">\n        Anadolu\u2019nun karakteristik ta\u015flar\u0131ndan d\u00fcnyan\u0131n se\u00e7kin mermerlerine;\n        mimari projeler i\u00e7in \u00f6zenle se\u00e7ilmi\u015f, y\u00fcksek stoklu plaka koleksiyonu.\n      <\/p>\n\n      <div class=\"tdg-hero-actions\">\n        <a class=\"tdg-btn tdg-btn--gold\" href=\"#tdg-collection\">\n          <span>Koleksiyonu Ke\u015ffet<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\"\/><\/svg>\n        <\/a>\n\n        <a class=\"tdg-text-link\" href=\"https:\/\/tasdekoryapi.com\/kesim-fiyati-ogren\/\">\n          Projeniz i\u00e7in teklif al\u0131n\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"tdg-hero-index\" aria-hidden=\"true\">TD \/ 01<\/div>\n\n    <div class=\"tdg-hero-scroll\" aria-hidden=\"true\">\n      <span>Ke\u015ffet<\/span>\n      <i><\/i>\n    <\/div>\n  <\/header>\n\n  <!-- SAYILAR -->\n  <div class=\"tdg-facts-wrap\">\n    <div class=\"tdg-shell tdg-facts\" aria-label=\"Galeri bilgileri\">\n      <div class=\"tdg-fact\">\n        <strong>60<sup>+<\/sup><\/strong>\n        <span>Yerli ve ithal<br>mermer \u00e7e\u015fidi<\/span>\n      <\/div>\n\n      <div class=\"tdg-fact\">\n        <strong>10<sup>+<\/sup><\/strong>\n        <span>Her bundleda<br>minimum plaka<\/span>\n      <\/div>\n\n      <div class=\"tdg-fact\">\n        <strong>3<small> g\u00fcn<\/small><\/strong>\n        <span>En k\u0131sa<br>tedarik s\u00fcresi<\/span>\n      <\/div>\n\n      <div class=\"tdg-fact tdg-fact--note\">\n        <span class=\"tdg-fact-mark\">TD<\/span>\n        <p>Ger\u00e7ek stok.<br>Ger\u00e7ek plaka foto\u011fraflar\u0131.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- EDITORYAL G\u0130R\u0130\u015e -->\n  <section class=\"tdg-story\" aria-labelledby=\"tdg-story-title\">\n    <div class=\"tdg-shell tdg-story-grid\">\n      <div class=\"tdg-story-heading\">\n        <div class=\"tdg-eyebrow\">\n          <span><\/span>\n          1999\u2019dan beri\n        <\/div>\n\n        <h2 id=\"tdg-story-title\">\n          Her plaka,<br>\n          <em>projeniz kadar \u00f6zg\u00fcn.<\/em>\n        <\/h2>\n      <\/div>\n\n      <div class=\"tdg-story-copy\">\n        <p class=\"tdg-lead\">\n          Do\u011fal ta\u015f yaln\u0131zca bir y\u00fczey de\u011fil; mek\u00e2n\u0131n karakterini belirleyen,\n          ya\u015f ald\u0131k\u00e7a de\u011fer kazanan mimari bir imzad\u0131r.\n        <\/p>\n\n        <p>\n          Ferhatpa\u015fa\u2019daki galerimizde 60\u2019tan fazla yerli ve yabanc\u0131 mermer\n          \u00e7e\u015fidini d\u00fczenli stokla sunuyoruz. Uzman ekibimiz; renk, damar devaml\u0131l\u0131\u011f\u0131,\n          \u00f6l\u00e7\u00fc ve kullan\u0131m alan\u0131na g\u00f6re do\u011fru plakay\u0131 se\u00e7menize yard\u0131mc\u0131 olur.\n        <\/p>\n\n        <div class=\"tdg-signature\">\n          <span><\/span>\n          <p><strong>Se\u00e7imden kesime,<\/strong> tek merkezde kusursuz s\u00fcre\u00e7.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- KOLEKS\u0130YON -->\n  <section class=\"tdg-collection\" id=\"tdg-collection\" aria-labelledby=\"tdg-collection-title\">\n    <div class=\"tdg-shell\">\n      <div class=\"tdg-collection-head\">\n        <div>\n          <div class=\"tdg-eyebrow\">\n            <span><\/span>\n            Plaka Se\u00e7kisi\n          <\/div>\n          <h2 id=\"tdg-collection-title\">Mermerin<br><em>benzersiz karakteri.<\/em><\/h2>\n        <\/div>\n\n        <p>\n          Koleksiyonumuzdaki ger\u00e7ek plaka ve depo g\u00f6rsellerini inceleyin.\n          Bir g\u00f6rsele dokunarak damar yap\u0131s\u0131n\u0131 yak\u0131ndan g\u00f6rebilirsiniz.\n        <\/p>\n      <\/div>\n\n      <div class=\"tdg-toolbar\">\n        <div class=\"tdg-filters\" aria-label=\"Mermer koleksiyonu\">\n          <span class=\"tdg-filter-label\">\n            T\u00fcm Mermerler <strong>55<\/strong>\n          <\/span>\n        <\/div>\n\n        <div class=\"tdg-result\" aria-live=\"polite\">\n          <span class=\"tdg-result-count\">55<\/span> mermer plakas\u0131 g\u00f6steriliyor\n        <\/div>\n      <\/div>\n\n      <div class=\"tdg-gallery\" aria-label=\"Mermer plaka galerisi\"><\/div>\n\n      <noscript>\n        <p class=\"tdg-noscript\">\n          Galeriyi g\u00f6r\u00fcnt\u00fclemek i\u00e7in taray\u0131c\u0131n\u0131zda JavaScript\u2019i etkinle\u015ftirin.\n        <\/p>\n      <\/noscript>\n    <\/div>\n  <\/section>\n\n  <!-- Z\u0130YARET \/ CTA -->\n  <section class=\"tdg-visit\" aria-labelledby=\"tdg-visit-title\">\n    <div class=\"tdg-visit-glow\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"tdg-shell tdg-visit-grid\">\n      <div>\n        <div class=\"tdg-eyebrow tdg-eyebrow--light\">\n          <span><\/span>\n          Galerimize Davetlisiniz\n        <\/div>\n\n        <h2 id=\"tdg-visit-title\">\n          Ta\u015f\u0131 ekrandan de\u011fil,<br>\n          <em>plaka ba\u015f\u0131nda se\u00e7in.<\/em>\n        <\/h2>\n      <\/div>\n\n      <div class=\"tdg-visit-content\">\n        <p>\n          Projenize uygun ta\u015flar\u0131 birlikte de\u011ferlendirelim; damar devaml\u0131l\u0131\u011f\u0131n\u0131,\n          y\u00fczey dokusunu ve ger\u00e7ek rengini yerinde g\u00f6r\u00fcn.\n        <\/p>\n\n        <address>\n          Ferhatpa\u015fa, 57. Sokak No:7<br>\n          Ata\u015fehir \/ \u0130stanbul\n        <\/address>\n\n        <div class=\"tdg-visit-actions\">\n          <a class=\"tdg-btn tdg-btn--gold\" href=\"https:\/\/maps.app.goo.gl\/ZhmXWyfPhwgTzFRx5\" target=\"_blank\" rel=\"noopener\">\n            <span>Yol Tarifi Al<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\"\/><\/svg>\n          <\/a>\n\n          <a class=\"tdg-btn tdg-btn--ghost\" href=\"tel:05396743887\">\n            <span>H\u0131zl\u0131 Teklif<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- LIGHTBOX -->\n  <div class=\"tdg-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Plaka g\u00f6rseli\" aria-hidden=\"true\">\n    <button class=\"tdg-lightbox-close\" type=\"button\" aria-label=\"Galeriyi kapat\">\n      <span><\/span><span><\/span>\n    <\/button>\n\n    <button class=\"tdg-lightbox-nav tdg-lightbox-prev\" type=\"button\" aria-label=\"\u00d6nceki g\u00f6rsel\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m15 5-7 7 7 7\"\/><\/svg>\n    <\/button>\n\n    <figure>\n      <img decoding=\"async\" src=\"\" alt=\"\">\n      <figcaption>\n        <span class=\"tdg-lightbox-title\"><\/span>\n        <span class=\"tdg-lightbox-position\"><\/span>\n      <\/figcaption>\n    <\/figure>\n\n    <button class=\"tdg-lightbox-nav tdg-lightbox-next\" type=\"button\" aria-label=\"Sonraki g\u00f6rsel\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\"\/><\/svg>\n    <\/button>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TA\u015e DEKOR \u2014 PREMIUM MERMER GALER\u0130S\u0130\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n:root {\n  --tdg-ink: #102235;\n  --tdg-ink-deep: #071421;\n  --tdg-gold: #c8a45d;\n  --tdg-gold-light: #e4c783;\n  --tdg-paper: #f4f1eb;\n  --tdg-paper-warm: #eae4da;\n  --tdg-white: #fffdf9;\n  --tdg-muted: #6f716f;\n  --tdg-line: rgba(16, 34, 53, 0.14);\n  --tdg-serif: \"Playfair Display\", \"Cormorant Garamond\", Georgia, serif;\n  --tdg-sans: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody:has(.tdg) .entry-header { display: none !important; }\nbody:has(.tdg) .entry-content,\nbody:has(.tdg) .site-content {\n  max-width: none !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n.tdg,\n.tdg *,\n.tdg *::before,\n.tdg *::after { box-sizing: border-box; }\n\n.tdg {\n  width: 100vw;\n  max-width: 100vw;\n  margin: 0 calc(50% - 50vw);\n  overflow: hidden;\n  background: var(--tdg-paper);\n  color: var(--tdg-ink);\n  font-family: var(--tdg-sans);\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n.tdg a { color: inherit; }\n.tdg button { font: inherit; }\n\n.tdg-shell {\n  width: min(100% - 48px, 1380px);\n  margin-inline: auto;\n}\n\n.tdg-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  color: #8a6b34;\n  font-size: 10px;\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n}\n\n.tdg-eyebrow > span {\n  width: 44px;\n  height: 1px;\n  background: currentColor;\n}\n\n.tdg-eyebrow--light { color: var(--tdg-gold-light); }\n\n.tdg h1,\n.tdg h2,\n.tdg p { margin-top: 0; }\n\n.tdg h1,\n.tdg h2 {\n  font-family: var(--tdg-serif);\n  font-weight: 400;\n}\n\n.tdg h1 em,\n.tdg h2 em {\n  color: var(--tdg-gold-light);\n  font-weight: 400;\n  font-style: italic;\n}\n\n\/* HERO *\/\n.tdg-hero {\n  min-height: min(880px, 91vh);\n  position: relative;\n  display: flex;\n  align-items: center;\n  isolation: isolate;\n  overflow: hidden;\n  color: var(--tdg-white);\n  background: var(--tdg-ink-deep);\n}\n\n.tdg-hero-media,\n.tdg-hero-shade {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.tdg-hero-media {\n  z-index: -3;\n  background-image: url(\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/20251118_1414_Kirmizi-Mermer-Deseni_remix_01kabak30we3887kvh378tzw38.png\");\n  background-position: 50% 46%;\n  background-size: cover;\n  transform: scale(1.025);\n  animation: tdgHeroIn 1.8s cubic-bezier(.22, 1, .36, 1) both;\n}\n\n.tdg-hero-shade {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(4, 13, 23, .94) 0%, rgba(5, 16, 28, .72) 45%, rgba(6, 16, 27, .26) 100%),\n    linear-gradient(180deg, rgba(4, 13, 23, .18) 0%, rgba(4, 13, 23, .08) 50%, rgba(4, 13, 23, .74) 100%);\n}\n\n.tdg-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 24px;\n  z-index: -1;\n  border: 1px solid rgba(228, 199, 131, .20);\n  pointer-events: none;\n}\n\n.tdg-hero-inner {\n  padding-top: 72px;\n  position: relative;\n  z-index: 2;\n}\n\n.tdg-hero h1 {\n  max-width: 780px;\n  margin: 30px 0 28px;\n  color: var(--tdg-white);\n  font-size: clamp(64px, 8.1vw, 126px);\n  line-height: .82;\n  letter-spacing: -.055em;\n}\n\n.tdg-hero h1 em {\n  display: inline-block;\n  margin-left: clamp(42px, 8vw, 120px);\n}\n\n.tdg-hero-copy {\n  max-width: 650px;\n  margin-bottom: 37px;\n  color: rgba(255, 253, 249, .74);\n  font-size: clamp(15px, 1.35vw, 18px);\n  font-weight: 300;\n  line-height: 1.78;\n}\n\n.tdg-hero-actions,\n.tdg-visit-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 24px;\n}\n\n.tdg-btn {\n  min-height: 58px;\n  padding: 8px 9px 8px 25px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 27px;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  text-decoration: none !important;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: .19em;\n  text-transform: uppercase;\n  transition: transform .35s cubic-bezier(.22, 1, .36, 1), background .35s ease, color .35s ease, border-color .35s ease;\n}\n\n.tdg-btn svg {\n  width: 39px;\n  height: 39px;\n  padding: 11px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.4;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  border: 1px solid currentColor;\n  border-radius: 50%;\n  transition: transform .35s cubic-bezier(.22, 1, .36, 1);\n}\n\n.tdg-btn--gold {\n  color: #0b1b2b !important;\n  background: var(--tdg-gold-light);\n  border-color: var(--tdg-gold-light);\n}\n\n.tdg-btn--ghost {\n  color: var(--tdg-white) !important;\n  background: transparent;\n  border-color: rgba(255,255,255,.28);\n}\n\n.tdg-text-link {\n  padding: 10px 0 8px;\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: rgba(255,255,255,.84) !important;\n  border-bottom: 1px solid rgba(255,255,255,.28);\n  text-decoration: none !important;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  transition: color .3s ease, border-color .3s ease;\n}\n\n.tdg-hero-index {\n  position: absolute;\n  top: 51%;\n  right: 3.6vw;\n  z-index: 2;\n  color: rgba(255,255,255,.42);\n  font-size: 9px;\n  letter-spacing: .24em;\n  transform: rotate(90deg);\n}\n\n.tdg-hero-scroll {\n  position: absolute;\n  right: 4vw;\n  bottom: 48px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  color: rgba(255,255,255,.48);\n  font-size: 8px;\n  letter-spacing: .26em;\n  text-transform: uppercase;\n}\n\n.tdg-hero-scroll i {\n  width: 58px;\n  height: 1px;\n  position: relative;\n  overflow: hidden;\n  background: rgba(255,255,255,.28);\n}\n\n.tdg-hero-scroll i::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--tdg-gold-light);\n  transform: translateX(-100%);\n  animation: tdgScroll 2.2s ease-in-out infinite;\n}\n\n\/* SAYILAR *\/\n.tdg-facts-wrap {\n  position: relative;\n  z-index: 3;\n  background: var(--tdg-ink);\n  color: var(--tdg-white);\n}\n\n.tdg-facts {\n  min-height: 160px;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr)) 1.25fr;\n  align-items: stretch;\n}\n\n.tdg-fact {\n  min-width: 0;\n  padding: 34px clamp(18px, 3vw, 44px);\n  display: flex;\n  align-items: center;\n  gap: 22px;\n  border-right: 1px solid rgba(255,255,255,.11);\n}\n\n.tdg-fact:first-child { padding-left: 0; }\n.tdg-fact:last-child { padding-right: 0; border-right: 0; }\n\n.tdg-fact strong {\n  flex: 0 0 auto;\n  color: var(--tdg-gold-light);\n  font-family: var(--tdg-serif);\n  font-size: clamp(42px, 4vw, 62px);\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.tdg-fact sup {\n  position: relative;\n  top: -.42em;\n  font-size: .42em;\n}\n\n.tdg-fact small {\n  font-family: var(--tdg-sans);\n  font-size: .24em;\n  font-weight: 500;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.tdg-fact > span:not(.tdg-fact-mark) {\n  color: rgba(255,255,255,.57);\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 1.7;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n}\n\n.tdg-fact--note { gap: 18px; }\n\n.tdg-fact-mark {\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  display: grid;\n  place-items: center;\n  color: var(--tdg-gold-light);\n  border: 1px solid rgba(228,199,131,.45);\n  border-radius: 50%;\n  font-family: var(--tdg-serif);\n  font-size: 12px;\n  letter-spacing: .08em;\n}\n\n.tdg-fact--note p {\n  margin: 0;\n  color: rgba(255,255,255,.73);\n  font-family: var(--tdg-serif);\n  font-size: clamp(14px, 1.4vw, 18px);\n  font-style: italic;\n  line-height: 1.5;\n}\n\n\/* ED\u0130TORYAL G\u0130R\u0130\u015e *\/\n.tdg-story {\n  padding: clamp(100px, 10vw, 165px) 0;\n  position: relative;\n  background:\n    radial-gradient(circle at 92% 16%, rgba(200,164,93,.08), transparent 31%),\n    var(--tdg-paper);\n}\n\n.tdg-story::after {\n  content: \"NATURAL STONE\";\n  position: absolute;\n  right: -20px;\n  bottom: 7px;\n  color: rgba(16,34,53,.025);\n  font-family: var(--tdg-serif);\n  font-size: clamp(72px, 12vw, 190px);\n  line-height: 1;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.tdg-story-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .75fr);\n  gap: clamp(65px, 9vw, 145px);\n  align-items: start;\n}\n\n.tdg-story h2,\n.tdg-collection h2,\n.tdg-visit h2 {\n  margin: 28px 0 0;\n  color: var(--tdg-ink);\n  font-size: clamp(48px, 5.6vw, 82px);\n  line-height: 1.02;\n  letter-spacing: -.045em;\n}\n\n.tdg-story h2 em,\n.tdg-collection h2 em { color: #9b783c; }\n\n.tdg-story-copy {\n  padding-top: 45px;\n  border-top: 1px solid var(--tdg-line);\n}\n\n.tdg-story-copy > p {\n  color: var(--tdg-muted);\n  font-size: 14px;\n  font-weight: 350;\n  line-height: 1.88;\n}\n\n.tdg-story-copy .tdg-lead {\n  margin-bottom: 22px;\n  color: var(--tdg-ink);\n  font-family: var(--tdg-serif);\n  font-size: clamp(21px, 2vw, 28px);\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.tdg-signature {\n  margin-top: 38px;\n  padding-top: 27px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  border-top: 1px solid var(--tdg-line);\n}\n\n.tdg-signature > span {\n  width: 52px;\n  height: 1px;\n  flex: 0 0 52px;\n  background: var(--tdg-gold);\n}\n\n.tdg-signature p {\n  margin: 0;\n  color: var(--tdg-muted);\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.tdg-signature strong { color: var(--tdg-ink); }\n\n\/* KOLEKS\u0130YON *\/\n.tdg-collection {\n  padding: clamp(92px, 9vw, 145px) 0 clamp(105px, 11vw, 175px);\n  background: #e9e3da;\n}\n\n.tdg-collection-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);\n  gap: clamp(50px, 8vw, 130px);\n  align-items: end;\n}\n\n.tdg-collection-head > p {\n  max-width: 480px;\n  margin-bottom: 7px;\n  color: #696b69;\n  font-size: 14px;\n  font-weight: 350;\n  line-height: 1.85;\n}\n\n.tdg-toolbar {\n  margin: 72px 0 35px;\n  padding: 0 0 18px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  border-bottom: 1px solid rgba(16,34,53,.16);\n}\n\n.tdg-filters {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.tdg-filters::-webkit-scrollbar { display: none; }\n\n.tdg-filters button,\n.tdg-filter-label {\n  padding: 10px 15px;\n  flex: 0 0 auto;\n  color: rgba(16,34,53,.52);\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n  background: transparent;\n  cursor: pointer;\n  font-size: 10px;\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  transition: color .25s ease, background .25s ease;\n}\n\n.tdg-filters button span,\n.tdg-filter-label strong {\n  margin-left: 5px;\n  font-family: var(--tdg-serif);\n  font-size: 11px;\n  font-weight: 400;\n}\n\n.tdg-filters button.is-active,\n.tdg-filter-label {\n  color: var(--tdg-paper);\n  background: var(--tdg-ink);\n}\n\n.tdg-filter-label { cursor: default; }\n\n.tdg-result {\n  flex: 0 0 auto;\n  color: rgba(16,34,53,.48);\n  font-size: 9px;\n  font-weight: 600;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.tdg-result-count {\n  color: var(--tdg-ink);\n  font-family: var(--tdg-serif);\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.tdg-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(13px, 1.4vw, 22px);\n}\n\n.tdg-card {\n  min-width: 0;\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n  aspect-ratio: 1.58 \/ 1;\n  background: var(--tdg-ink-deep);\n  cursor: zoom-in;\n  content-visibility: auto;\n  contain-intrinsic-size: 420px 266px;\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1), box-shadow .4s ease;\n}\n\n.tdg-card.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.tdg-card.is-hidden { display: none; }\n\n.tdg-card::before {\n  \/* A\u00e7\u0131k renk ta\u015flarda gri bant olu\u015fturan alt gradyan kald\u0131r\u0131ld\u0131. *\/\n  content: none !important;\n}\n\n.tdg-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 12px;\n  z-index: 3;\n  pointer-events: none;\n  border: 1px solid rgba(255,255,255,.0);\n  transition: border-color .4s ease;\n}\n\n.tdg-card > img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  min-width: 100%;\n  min-height: 100%;\n  display: block !important;\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  object-fit: cover !important;\n  object-position: center center;\n  transform: scale(1.002);\n  transition: transform .8s cubic-bezier(.22, 1, .36, 1), filter .5s ease;\n}\n\n.tdg-card-meta {\n  position: absolute;\n  left: 25px;\n  right: 25px;\n  bottom: 21px;\n  z-index: 4;\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 15px;\n  color: var(--tdg-white);\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.tdg-card-meta > span {\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.tdg-card-title {\n  display: block;\n  margin-bottom: 5px;\n  font-family: var(--tdg-serif);\n  font-size: clamp(17px, 1.55vw, 22px);\n  font-weight: 400;\n  line-height: 1.15;\n  text-shadow:\n    0 2px 4px rgba(0,0,0,.98),\n    0 5px 18px rgba(0,0,0,.88),\n    0 0 28px rgba(0,0,0,.48);\n}\n\n.tdg-card-type {\n  display: block;\n  color: rgba(255,255,255,.61);\n  font-size: 8px;\n  font-weight: 600;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  text-shadow:\n    0 2px 4px rgba(0,0,0,1),\n    0 4px 13px rgba(0,0,0,.92);\n}\n\n.tdg-card-open {\n  width: 37px;\n  height: 37px;\n  flex: 0 0 37px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(255,255,255,.43);\n  border-radius: 50%;\n  font-size: 17px;\n  line-height: 1;\n  background: rgba(4,13,22,.08);\n  text-shadow: 0 2px 5px rgba(0,0,0,.75);\n  box-shadow: 0 4px 18px rgba(0,0,0,.18);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  transition: color .35s ease, background .35s ease, border-color .35s ease, transform .35s ease;\n}\n\n.tdg-noscript {\n  padding: 20px;\n  color: var(--tdg-muted);\n  border: 1px solid var(--tdg-line);\n  text-align: center;\n}\n\n\/* Z\u0130YARET *\/\n.tdg-visit {\n  padding: clamp(100px, 10vw, 165px) 0;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  color: var(--tdg-white);\n  background:\n    linear-gradient(125deg, rgba(255,255,255,.025), transparent 35%),\n    var(--tdg-ink-deep);\n}\n\n.tdg-visit::before {\n  content: \"\";\n  position: absolute;\n  inset: 28px;\n  z-index: -1;\n  border: 1px solid rgba(228,199,131,.13);\n}\n\n.tdg-visit-glow {\n  width: 520px;\n  height: 520px;\n  position: absolute;\n  right: -190px;\n  top: -210px;\n  z-index: -2;\n  border: 1px solid rgba(228,199,131,.12);\n  border-radius: 50%;\n  box-shadow: 0 0 0 70px rgba(228,199,131,.018), 0 0 0 140px rgba(228,199,131,.012);\n}\n\n.tdg-visit-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .62fr);\n  gap: clamp(65px, 9vw, 145px);\n  align-items: center;\n}\n\n.tdg-visit h2 { color: var(--tdg-white); }\n\n.tdg-visit-content {\n  padding-top: 38px;\n  border-top: 1px solid rgba(255,255,255,.17);\n}\n\n.tdg-visit-content > p {\n  margin-bottom: 27px;\n  color: rgba(255,255,255,.62);\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.85;\n}\n\n.tdg-visit address {\n  margin-bottom: 36px;\n  color: rgba(255,255,255,.88);\n  font-family: var(--tdg-serif);\n  font-size: 18px;\n  font-style: normal;\n  line-height: 1.65;\n}\n\n\/* LIGHTBOX *\/\n.tdg-lightbox {\n  position: fixed;\n  inset: 0 !important;\n  width: 100vw;\n  width: 100dvw;\n  min-height: 100vh;\n  min-height: 100dvh;\n  z-index: 2147483647 !important;\n  padding: 34px;\n  display: grid;\n  grid-template-columns: 70px minmax(0, 1fr) 70px;\n  align-items: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: var(--tdg-sans);\n  background: rgba(4, 12, 20, .96);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity .32s ease, visibility .32s ease;\n}\n\n.tdg-lightbox.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.tdg-lightbox,\n.tdg-lightbox *,\n.tdg-lightbox *::before,\n.tdg-lightbox *::after { box-sizing: border-box; }\n\n.tdg-lightbox button { font: inherit; }\n\n.tdg-lightbox button:focus-visible {\n  outline: 2px solid var(--tdg-gold-light);\n  outline-offset: 4px;\n}\n\n.tdg-lightbox figure {\n  width: min(100%, 1380px);\n  max-height: calc(100vh - 90px);\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.tdg-lightbox figure img {\n  width: 100%;\n  max-height: calc(100vh - 150px);\n  display: block;\n  object-fit: contain;\n}\n\n.tdg-lightbox figcaption {\n  padding-top: 17px;\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  color: rgba(255,255,255,.78);\n}\n\n.tdg-lightbox-title {\n  font-family: var(--tdg-serif);\n  font-size: 17px;\n}\n\n.tdg-lightbox-position {\n  color: rgba(255,255,255,.42);\n  font-size: 9px;\n  letter-spacing: .18em;\n}\n\n.tdg-lightbox-close {\n  width: 48px;\n  height: 48px;\n  padding: 0;\n  position: absolute;\n  top: max(24px, calc(env(safe-area-inset-top) + 14px));\n  right: max(25px, calc(env(safe-area-inset-right) + 15px));\n  z-index: 2147483647 !important;\n  display: block;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(4,12,20,.46);\n  box-shadow: 0 8px 28px rgba(0,0,0,.26);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  cursor: pointer;\n}\n\n.tdg-lightbox-close span {\n  width: 17px;\n  height: 1px;\n  position: absolute;\n  left: 15px;\n  top: 23px;\n  background: #fff;\n  transform: rotate(45deg);\n}\n\n.tdg-lightbox-close span:last-child { transform: rotate(-45deg); }\n\n.tdg-lightbox-nav {\n  width: 52px;\n  height: 52px;\n  padding: 0;\n  display: grid;\n  place-items: center;\n  justify-self: center;\n  color: rgba(255,255,255,.76);\n  border: 1px solid rgba(255,255,255,.24);\n  border-radius: 50%;\n  background: transparent;\n  cursor: pointer;\n  transition: color .3s ease, border-color .3s ease, background .3s ease;\n}\n\n.tdg-lightbox-nav svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.3;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\nbody.tdg-no-scroll { overflow: hidden !important; }\n\n\/* HOVER \/ FOCUS *\/\n@media (hover: hover) and (pointer: fine) {\n  .tdg-btn:hover { transform: translateY(-3px); }\n  .tdg-btn:hover svg { transform: translateX(3px); }\n  .tdg-btn--gold:hover { background: #efd797; border-color: #efd797; }\n  .tdg-btn--ghost:hover { color: var(--tdg-ink-deep) !important; background: var(--tdg-white); border-color: var(--tdg-white); }\n  .tdg-text-link:hover { color: var(--tdg-gold-light) !important; border-color: var(--tdg-gold-light); }\n  .tdg-filters button:hover { color: var(--tdg-ink); }\n  .tdg-card:hover { z-index: 2; box-shadow: 0 24px 52px rgba(16,34,53,.20); }\n  .tdg-card:hover::after { border-color: rgba(255,255,255,.48); }\n  .tdg-card:hover img { transform: scale(1.055); }\n  .tdg-card:hover .tdg-card-open { color: var(--tdg-ink); background: var(--tdg-gold-light); border-color: var(--tdg-gold-light); transform: rotate(45deg); }\n  .tdg-lightbox-nav:hover { color: var(--tdg-ink); border-color: var(--tdg-gold-light); background: var(--tdg-gold-light); }\n}\n\n.tdg a:focus-visible,\n.tdg button:focus-visible,\n.tdg-card:focus-visible {\n  outline: 2px solid var(--tdg-gold-light);\n  outline-offset: 4px;\n}\n\n\/* TABLET *\/\n@media (max-width: 1040px) {\n  .tdg-hero { min-height: 790px; }\n  .tdg-facts { grid-template-columns: repeat(3, 1fr); }\n  .tdg-fact--note { display: none; }\n  .tdg-fact:nth-child(3) { border-right: 0; }\n  .tdg-story-grid,\n  .tdg-collection-head,\n  .tdg-visit-grid { grid-template-columns: 1fr 1fr; gap: 60px; }\n  .tdg-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n\/* MOB\u0130L *\/\n@media (max-width: 720px) {\n  .tdg-shell { width: min(100% - 32px, 1380px); }\n  .tdg-hero {\n    min-height: 720px;\n    align-items: flex-end;\n  }\n  .tdg-hero::before { inset: 12px; }\n  .tdg-hero-media { background-position: 62% 50%; }\n  .tdg-hero-shade {\n    background:\n      linear-gradient(180deg, rgba(4,13,23,.24) 0%, rgba(4,13,23,.52) 46%, rgba(4,13,23,.97) 100%),\n      linear-gradient(90deg, rgba(4,13,23,.52), rgba(4,13,23,.10));\n  }\n  .tdg-hero-inner { padding: 115px 0 84px; }\n  .tdg-hero h1 {\n    margin: 24px 0 25px;\n    font-size: clamp(58px, 20vw, 82px);\n    line-height: .86;\n  }\n  .tdg-hero h1 em { margin-left: 25px; }\n  .tdg-hero-copy { max-width: 510px; font-size: 14px; line-height: 1.7; }\n  .tdg-hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }\n  .tdg-hero-index,\n  .tdg-hero-scroll { display: none; }\n  .tdg-eyebrow { gap: 11px; font-size: 8px; letter-spacing: .22em; }\n  .tdg-eyebrow > span { width: 28px; }\n  .tdg-facts { grid-template-columns: repeat(3, minmax(0,1fr)); min-height: 0; }\n  .tdg-fact {\n    padding: 25px 10px;\n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n  }\n  .tdg-fact:first-child { padding-left: 0; }\n  .tdg-fact:last-child { padding-right: 0; }\n  .tdg-fact strong { font-size: 37px; }\n  .tdg-fact > span:not(.tdg-fact-mark) { font-size: 6px; line-height: 1.55; letter-spacing: .11em; }\n  .tdg-story,\n  .tdg-collection,\n  .tdg-visit { padding: 85px 0; }\n  .tdg-story-grid,\n  .tdg-collection-head,\n  .tdg-visit-grid { grid-template-columns: 1fr; gap: 46px; }\n  .tdg-story h2,\n  .tdg-collection h2,\n  .tdg-visit h2 { margin-top: 22px; font-size: clamp(43px, 13vw, 58px); }\n  .tdg-story-copy,\n  .tdg-visit-content { padding-top: 30px; }\n  .tdg-story-copy .tdg-lead { font-size: 22px; }\n  .tdg-collection-head > p { margin-bottom: 0; }\n  .tdg-toolbar { margin-top: 48px; align-items: flex-start; flex-direction: column; gap: 14px; }\n  .tdg-filters { width: calc(100vw - 16px); margin-right: -16px; padding-right: 16px; }\n  .tdg-result { display: none; }\n  .tdg-gallery { grid-template-columns: 1fr; gap: 16px; }\n  .tdg-card { aspect-ratio: 1.7 \/ 1; }\n  .tdg-card-meta { left: 20px; right: 20px; bottom: 18px; }\n  .tdg-card-title { font-size: 20px; }\n  .tdg-visit::before { inset: 12px; }\n  .tdg-visit-actions { align-items: stretch; flex-direction: column; gap: 12px; }\n  .tdg-visit-actions .tdg-btn { width: 100%; }\n  .tdg-lightbox {\n    padding: 20px 14px 24px;\n    grid-template-columns: 1fr;\n  }\n  .tdg-lightbox-nav {\n    width: 44px;\n    height: 44px;\n    position: absolute;\n    bottom: 24px;\n    z-index: 2;\n  }\n  .tdg-lightbox-prev { left: 20px; }\n  .tdg-lightbox-next { right: 20px; }\n  .tdg-lightbox figure { max-height: calc(100vh - 110px); }\n  .tdg-lightbox figure img { max-height: calc(100vh - 180px); }\n  .tdg-lightbox figcaption { padding: 15px 58px 0; }\n  .tdg-lightbox-title { font-size: 15px; }\n  .tdg-lightbox-close {\n    top: max(15px, calc(env(safe-area-inset-top) + 10px));\n    right: max(15px, calc(env(safe-area-inset-right) + 10px));\n  }\n}\n\n@media (max-width: 390px) {\n  .tdg-hero h1 { font-size: 57px; }\n  .tdg-btn { width: 100%; }\n  .tdg-fact strong { font-size: 32px; }\n  .tdg-fact > span:not(.tdg-fact-mark) { letter-spacing: .07em; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n  .tdg *,\n  .tdg *::before,\n  .tdg *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n  .tdg-card { opacity: 1; transform: none; }\n}\n\n@keyframes tdgHeroIn {\n  from { opacity: .4; transform: scale(1.09); }\n  to { opacity: 1; transform: scale(1.025); }\n}\n\n@keyframes tdgScroll {\n  0% { transform: translateX(-100%); }\n  55%, 100% { transform: translateX(100%); }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  const root = document.querySelector('.tdg');\n  if (!root || root.dataset.ready === 'true') return;\n  root.dataset.ready = 'true';\n\n  \/\/ TranslatePress translates the static page copy. Generated gallery text\n  \/\/ is localised here, before the cards are inserted into the page.\n  const isEnglish = \/^en(?:[-_]|$)\/i.test(document.documentElement.lang || '') ||\n    \/^\\\/en(?:\\\/|$)\/i.test(window.location.pathname);\n  const copy = isEnglish ? {\n    stoneType: 'Natural stone',\n    slabView: 'Slab view',\n    imageLabel: function (name) { return 'Enlarge image of ' + name; },\n    imageAlt: function (name) { return name + ' \u2014 Ta\u015f Dekor Yap\u0131 slab collection'; },\n    enlargedAlt: function (name) { return name + ' \u2014 enlarged view'; },\n    galleryLabel: 'Natural stone slab gallery',\n    viewerLabel: 'Slab image',\n    close: 'Close gallery',\n    previous: 'Previous image',\n    next: 'Next image'\n  } : {\n    stoneType: 'Mermer',\n    slabView: 'Plaka G\u00f6r\u00fcn\u00fcm\u00fc',\n    imageLabel: function (name) { return name + ' g\u00f6rselini b\u00fcy\u00fct'; },\n    imageAlt: function (name) { return name + ' \u2014 Ta\u015f Dekor plaka koleksiyonu'; },\n    enlargedAlt: function (name) { return name + ' b\u00fcy\u00fct\u00fclm\u00fc\u015f g\u00f6r\u00fcn\u00fcm'; },\n    galleryLabel: 'Mermer plaka galerisi',\n    viewerLabel: 'Plaka g\u00f6rseli',\n    close: 'Galeriyi kapat',\n    previous: '\u00d6nceki g\u00f6rsel',\n    next: 'Sonraki g\u00f6rsel'\n  };\n\n  function protectGeneratedText(element) {\n    element.setAttribute('data-no-translation', '');\n    element.setAttribute('data-no-dynamic-translation', '');\n  }\n\n  const base = 'https:\/\/tasdekoryapi.com\/wp-content\/uploads\/';\n  const stones = [\n    { file: 'tasdekor_mimari_set_2020-47.jpg', title: 'Arabescato Orobico Grigio' },\n    { file: 'tasdekor_mimari_set_2020-46.jpg', title: 'Mu\u011fla Beyaz\u0131' },\n    { file: 'tasdekor_mimari_set_2020-45.jpg', title: 'Pietra Grey' },\n    { file: 'tasdekor_mimari_set_2020-44.jpg', title: 'Armani Brown' },\n    { file: 'tasdekor_mimari_set_2020-43.jpg', title: 'Arabescato White' },\n    { file: 'tasdekor_mimari_set_2020-42.jpg', title: 'Rainforest Green' },\n    { file: 'tasdekor_mimari_set_2020-41.jpg', title: 'Palissandro Bluette' },\n    { file: 'tasdekor_mimari_set_2020-40.jpg', title: 'Bianco Carrara' },\n    { file: 'tasdekor_mimari_set_2020-39.jpg', title: 'Silver Travertine' },\n    { file: 'tasdekor_mimari_set_2020-38.jpg', title: 'Afyon Grey' },\n    { file: 'tasdekor_mimari_set_2020-37.jpg', title: 'Silver Roots' },\n    { file: 'tasdekor_mimari_set_2020-36.jpg', title: 'Silver Wave' },\n    { file: 'tasdekor_mimari_set_2020-35.jpg', title: 'Sky Blue' },\n    { file: 'tasdekor_mimari_set_2020-34.jpg', title: 'Emperador Dark' },\n    { file: 'tasdekor_mimari_set_2020-33.jpg', title: 'Emperador Light' },\n    { file: 'tasdekor_mimari_set_2020-32.jpg', title: 'Rosso Fiorentino' },\n    { file: 'tasdekor_mimari_set_2020-31.jpg', title: 'Breccia Oniciata' },\n    { file: 'tasdekor_mimari_set_2020-30.jpg', title: 'Fior di Bosco' },\n    { file: 'tasdekor_mimari_set_2020-29.jpg', title: 'Picasso Grey' },\n    { file: 'tasdekor_mimari_set_2020-28.jpg', title: 'Bianco Lasa' },\n    { file: 'tasdekor_mimari_set_2020-27.jpg', title: 'Lilac White' },\n    { file: 'tasdekor_mimari_set_2020-26.jpg', title: 'Nero Marquina' },\n    { file: 'tasdekor_mimari_set_2020-25.jpg', title: 'Grigio Armani' },\n    { file: 'tasdekor_mimari_set_2020-24.jpg', title: 'Verde Guatemala' },\n    { file: 'tasdekor_mimari_set_2020-23.jpg', title: 'Afyon Grey' },\n    { file: 'tasdekor_mimari_set_2020-22.jpg', title: 'Lilac' },\n    { file: 'tasdekor_mimari_set_2020-21.jpg', title: 'Nero Marquina Select' },\n    { file: 'tasdekor_mimari_set_2020-20.jpg', title: 'Toros Black' },\n    { file: 'tasdekor_mimari_set_2020-19.jpg', title: 'Armani Brown' },\n    { file: 'tasdekor_mimari_set_2020-18.jpg', title: 'Rosso Levanto' },\n    { file: 'tasdekor_mimari_set_2020-17.jpg', title: 'Crema Marfil' },\n    { file: 'tasdekor_mimari_set_2020-16.jpg', title: 'Tundra Grey' },\n    { file: 'tasdekor_mimari_set_2020-15.jpg', title: 'Bardiglio Nuvolato' },\n    { file: 'tasdekor_mimari_set_2020-14.jpg', title: 'Marmara Equator' },\n    { file: 'tasdekor_mimari_set_2020-13.jpg', title: 'Burdur Beige' },\n    { file: 'tasdekor_mimari_set_2020-12.jpg', title: 'Crema Beige' },\n    { file: 'tasdekor_mimari_set_2020-11.jpg', title: 'Rainforest Brown' },\n    { file: 'tasdekor_mimari_set_2020-10.jpg', title: 'Bianco Carrara' },\n    { file: 'tasdekor_mimari_set_2020-9.jpg', title: 'Volakas White' },\n    { file: 'tasdekor_mimari_set_2020-8.jpg', title: 'Nero Marquina' },\n    { file: 'tasdekor_mimari_set_2020-7.jpg', title: 'Lilac White' },\n    { file: 'tasdekor_mimari_set_2020-6.jpg', title: 'Golden Spider' },\n    { file: 'tasdekor_mimari_set_2020-5.jpg', title: 'Emperador Dark' },\n    { file: 'tasdekor_mimari_set_2020-4.jpg', title: 'Marmara Equator' },\n    { file: 'tasdekor_mimari_set_2020-3.jpg', title: 'Tundra Grey' },\n    { file: 'tasdekor_mimari_set_2020-2.jpg', title: 'Zebra White' },\n    { file: 'tasdekor_mimari_set_2020-1.jpg', title: 'Pietra Grey' },\n    { file: 'granit.jpg', title: 'Honey Onyx' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-15.jpg', title: 'Nero Assoluto' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-9.jpg', title: 'Silver Travertine' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-5.jpg', title: 'Bianco Ice' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-3.jpg', title: 'Green Onyx' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-2.jpg', title: 'Red Onyx' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-1.jpg', title: 'Brown Onyx' },\n    { file: 'katre-tasdekor-mozaik-dogal-tas-4.jpg', title: 'Picasso Onyx' }\n  ].map(function (stone) {\n    return {\n      src: base + stone.file,\n      title: isEnglish && stone.title === 'Mu\u011fla Beyaz\u0131' ? 'Mu\u011fla White' : stone.title,\n      type: copy.stoneType,\n      category: 'marble'\n    };\n  });\n\n  const gallery = root.querySelector('.tdg-gallery');\n  gallery.setAttribute('aria-label', copy.galleryLabel);\n  const fragment = document.createDocumentFragment();\n\n  stones.forEach(function (stone, index) {\n    const card = document.createElement('article');\n    card.className = 'tdg-card';\n    card.tabIndex = 0;\n    card.dataset.category = stone.category;\n    card.dataset.index = index;\n    card.setAttribute('role', 'button');\n    protectGeneratedText(card);\n    card.setAttribute('aria-label', copy.imageLabel(stone.title));\n\n    const image = document.createElement('img');\n    image.src = stone.src;\n    image.alt = copy.imageAlt(stone.title);\n    image.loading = 'lazy';\n    image.decoding = 'async';\n    image.draggable = false;\n\n    const meta = document.createElement('div');\n    meta.className = 'tdg-card-meta';\n    meta.innerHTML =\n      '<span><strong class=\"tdg-card-title\">' + stone.title + '<\/strong>' +\n      '<small class=\"tdg-card-type\">' + stone.type + ' \/ ' + copy.slabView + '<\/small><\/span>' +\n      '<span class=\"tdg-card-open\" aria-hidden=\"true\">+<\/span>';\n\n    card.appendChild(image);\n    card.appendChild(meta);\n    fragment.appendChild(card);\n  });\n\n  gallery.appendChild(fragment);\n\n  \/* Kartlar\u0131n kontroll\u00fc g\u00f6r\u00fcnmesi *\/\n  const cards = Array.from(gallery.querySelectorAll('.tdg-card'));\n  if ('IntersectionObserver' in window) {\n    const revealObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { rootMargin: '100px 0px', threshold: 0.06 });\n\n    cards.forEach(function (card) { revealObserver.observe(card); });\n  } else {\n    cards.forEach(function (card) { card.classList.add('is-visible'); });\n  }\n\n  \/* Mevcut galeri s\u0131ras\u0131 ve kategori de\u011ferleri korunur. *\/\n  let activeCards = cards.slice();\n\n  \/* Lightbox *\/\n  const lightbox = root.querySelector('.tdg-lightbox');\n  \/*\n   * WordPress'in sabit header'i kendi stacking context'ini olu\u015fturuyor.\n   * Lightbox'\u0131 sayfa olu\u015fturucu kapsay\u0131c\u0131lar\u0131ndan \u00e7\u0131kar\u0131p do\u011frudan body alt\u0131na\n   * ta\u015f\u0131yarak X butonunun header'\u0131n alt\u0131nda kalmas\u0131n\u0131 kesin olarak engelleriz.\n   *\/\n  if (lightbox && lightbox.parentElement !== document.body) {\n    document.body.appendChild(lightbox);\n  }\n  const lightboxImage = lightbox.querySelector('img');\n  const lightboxTitle = lightbox.querySelector('.tdg-lightbox-title');\n  const lightboxPosition = lightbox.querySelector('.tdg-lightbox-position');\n  const closeButton = lightbox.querySelector('.tdg-lightbox-close');\n  const previousButton = lightbox.querySelector('.tdg-lightbox-prev');\n  const nextButton = lightbox.querySelector('.tdg-lightbox-next');\n  lightbox.setAttribute('aria-label', copy.viewerLabel);\n  closeButton.setAttribute('aria-label', copy.close);\n  previousButton.setAttribute('aria-label', copy.previous);\n  nextButton.setAttribute('aria-label', copy.next);\n  protectGeneratedText(lightboxTitle);\n  protectGeneratedText(lightboxImage);\n\n  let currentStoneIndex = 0;\n  let lastFocusedCard = null;\n\n  function visibleStoneIndexes() {\n    return activeCards.map(function (card) { return Number(card.dataset.index); });\n  }\n\n  function renderLightbox(index) {\n    const visibleIndexes = visibleStoneIndexes();\n    const currentPosition = visibleIndexes.indexOf(index);\n    const safePosition = currentPosition >= 0 ? currentPosition : 0;\n    const safeIndex = visibleIndexes[safePosition];\n    const stone = stones[safeIndex];\n\n    currentStoneIndex = safeIndex;\n    lightboxImage.src = stone.src;\n    lightboxImage.alt = copy.enlargedAlt(stone.title);\n    lightboxTitle.textContent = stone.title;\n    lightboxPosition.textContent = String(safePosition + 1).padStart(2, '0') + ' \/ ' + String(visibleIndexes.length).padStart(2, '0');\n  }\n\n  function openLightbox(index, card) {\n    lastFocusedCard = card;\n    renderLightbox(index);\n    lightbox.classList.add('is-open');\n    lightbox.setAttribute('aria-hidden', 'false');\n    document.body.classList.add('tdg-no-scroll');\n    window.setTimeout(function () { closeButton.focus(); }, 30);\n  }\n\n  function closeLightbox() {\n    lightbox.classList.remove('is-open');\n    lightbox.setAttribute('aria-hidden', 'true');\n    document.body.classList.remove('tdg-no-scroll');\n    if (lastFocusedCard) lastFocusedCard.focus();\n  }\n\n  function moveLightbox(direction) {\n    const visibleIndexes = visibleStoneIndexes();\n    const currentPosition = visibleIndexes.indexOf(currentStoneIndex);\n    const nextPosition = (currentPosition + direction + visibleIndexes.length) % visibleIndexes.length;\n    renderLightbox(visibleIndexes[nextPosition]);\n  }\n\n  cards.forEach(function (card) {\n    card.addEventListener('click', function () {\n      openLightbox(Number(card.dataset.index), card);\n    });\n\n    card.addEventListener('keydown', function (event) {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        openLightbox(Number(card.dataset.index), card);\n      }\n    });\n  });\n\n  closeButton.addEventListener('click', closeLightbox);\n  previousButton.addEventListener('click', function () { moveLightbox(-1); });\n  nextButton.addEventListener('click', function () { moveLightbox(1); });\n\n  lightbox.addEventListener('click', function (event) {\n    if (event.target === lightbox) closeLightbox();\n  });\n\n  document.addEventListener('keydown', function (event) {\n    if (!lightbox.classList.contains('is-open')) return;\n    if (event.key === 'Escape') closeLightbox();\n    if (event.key === 'ArrowLeft') moveLightbox(-1);\n    if (event.key === 'ArrowRight') moveLightbox(1);\n  });\n})();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Ta\u015f Dekor Mermer Koleksiyonu MermerGalerimiz Anadolu\u2019nun karakteristik ta\u015flar\u0131ndan d\u00fcnyan\u0131n se\u00e7kin mermerlerine; mimari projeler i\u00e7in \u00f6zenle se\u00e7ilmi\u015f, y\u00fcksek stoklu plaka koleksiyonu. Koleksiyonu Ke\u015ffet Projeniz i\u00e7in teklif al\u0131n \u2197 TD \/ 01 &hellip; <p class=\"link-more\"><a href=\"https:\/\/tasdekoryapi.com\/en\/mermer-galerimiz\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> \"Mermer Galerimiz\"<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","slim_seo":{"title":"Mermer Galerimiz - Ta\u015f Dekor Yap\u0131 Dekorasyon","description":""},"footnotes":""},"class_list":["post-836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages\/836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/comments?post=836"}],"version-history":[{"count":0,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages\/836\/revisions"}],"wp:attachment":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/media?parent=836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}