{"id":833,"date":"2026-02-01T01:00:30","date_gmt":"2026-02-01T01:00:30","guid":{"rendered":"https:\/\/clv.com.tr\/?page_id=833"},"modified":"2026-02-06T15:52:49","modified_gmt":"2026-02-06T15:52:49","slug":"marble","status":"publish","type":"page","link":"https:\/\/clv.com.tr\/tr\/marble\/","title":{"rendered":"Marble"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"833\" class=\"elementor elementor-833\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c57f6d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3c57f6d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8c3d0a0\" data-id=\"8c3d0a0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3979696 elementor-widget elementor-widget-text-editor\" data-id=\"3979696\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1><span style=\"color: #ffffff;\">marble<\/span><\/h1>\n<h5><span style=\"color: #ffffff;\">Vision &amp; Mission<\/span><\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70a943e elementor-widget elementor-widget-spacer\" data-id=\"70a943e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-677ba3a\" data-id=\"677ba3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78f7725 elementor-widget elementor-widget-spacer\" data-id=\"78f7725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-327e99d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"327e99d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ddf7559\" data-id=\"ddf7559\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a95df4 elementor-widget elementor-widget-text-editor\" data-id=\"0a95df4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9a423b8 e-flex e-con-boxed e-con e-parent\" data-id=\"9a423b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c579c elementor-widget elementor-widget-html\" data-id=\"e4c579c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CLV \/ MARBLE PAGE \u2014 PREMIUM TEMPLATE (single HTML) -->\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;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div style=\"font-family:'Inter', sans-serif; background:#ffffff;\">\r\n\r\n  <!-- SECTION: HERO -->\r\n  <section style=\"padding:80px 20px 30px; background:#ffffff;\">\r\n    <div style=\"max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:center;\">\r\n\r\n      <div>\r\n        <div style=\"display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid #eaeaea; background:#ffffff; border-radius:999px; margin-bottom:18px;\">\r\n          <span style=\"width:10px; height:10px; border-radius:999px; background:#2eb458; display:inline-block;\"><\/span>\r\n          <span style=\"font-size:0.85rem; letter-spacing:3px; text-transform:uppercase; font-weight:900; color:#2eb458;\">\r\n            marble division\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h1 style=\"margin:0 0 14px; font-size:3.0rem; line-height:1.05; font-weight:900; text-transform:lowercase; color:#222;\">\r\n          premium turkish marble<br\/>\r\n          <span style=\"color:#2eb458;\">direct export supply<\/span>\r\n        <\/h1>\r\n\r\n        <p style=\"margin:0 0 18px; font-size:1.05rem; line-height:1.85; color:#666; max-width:720px;\">\r\n          We produce and export marble blocks and cut-to-size products in selected qualities, dimensions, and finishes \u2014 executed with disciplined QC, documentation readiness, and reliable logistics.\r\n        <\/p>\r\n\r\n        <div style=\"display:flex; gap:14px; flex-wrap:wrap; margin-top:18px;\">\r\n          <a href=\"https:\/\/clv.com.tr\/contact-us\/\" style=\"display:inline-block; background:#2eb458; color:#fff; padding:14px 22px; border-radius:12px; text-decoration:none; font-weight:900; text-transform:lowercase; box-shadow:0 14px 34px rgba(46,180,88,0.20);\">\r\n            request a strategic proposal \u2192\r\n          <\/a>\r\n          <a href=\"#marble-catalog\" style=\"display:inline-block; background:#ffffff; color:#2eb458; padding:14px 22px; border-radius:12px; text-decoration:none; font-weight:900; text-transform:lowercase; border:2px solid #2eb458;\">\r\n            explore product catalog \u2192\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:16px; font-size:0.82rem; color:#999; text-transform:lowercase;\">\r\n          typical response: 24 business hours \u2022 share target size, finish, and destination port\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HERO MEDIA (SAME BOX) -->\r\n      <div style=\"border-radius:18px; overflow:hidden; border:1px solid #eaeaea; box-shadow:0 18px 55px rgba(0,0,0,0.06); background:#fff;\">\r\n\r\n        <!-- HERO SLIDER -->\r\n        <div class=\"clv-heroSlider\" aria-label=\"Marble hero slider\">\r\n          <div class=\"clv-heroTrack\">\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_SPIDER.jpg\" alt=\"vanilla spider marble\" data-title=\"Vanilla Spider\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_SHADOW.jpg\" alt=\"vanilla shadow marble\" data-title=\"Vanilla Shadow\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_MOCHA.jpg\" alt=\"vanilla mocha marble\" data-title=\"Vanilla Mocha\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_LATTE.jpg\" alt=\"vanilla latte marble\" data-title=\"Vanilla Latte\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_ICE.jpg\" alt=\"vanilla ice marble\" data-title=\"Vanilla Ice\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/VANILLA_BEIGE.jpg\" alt=\"vanilla beige marble\" data-title=\"Vanilla Beige\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/ULTIMO_SPIDER_LIGHT.jpg\" alt=\"ultimo spider light marble\" data-title=\"Ultimo Spider Light\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/ULTIMO_SPIDER_DARK.jpg\" alt=\"ultimo spider dark marble\" data-title=\"Ultimo Spider Dark\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/NERO-LUMINESO.jpg\" alt=\"nero lumineso marble\" data-title=\"Nero Lumineso\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/MODERN_GREY.jpg\" alt=\"modern grey marble\" data-title=\"Modern Grey\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/MAMARA_WHITE.jpg\" alt=\"mamara white marble\" data-title=\"Mamara White\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/LIGHT_VEIN_CUT_TRAVERTINE.jpg\" alt=\"light vein cut travertine\" data-title=\"Light Vein Cut Travertine\">\r\n            <\/div>\r\n            <div class=\"clv-heroSlide\">\r\n              <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/CLASSIC_TRAVERTINE.jpg\" alt=\"classic travertine\" data-title=\"Classic Travertine\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button class=\"clv-heroNav prev\" type=\"button\" aria-label=\"Previous\">\u2039<\/button>\r\n          <button class=\"clv-heroNav next\" type=\"button\" aria-label=\"Next\">\u203a<\/button>\r\n          <div class=\"clv-heroDots\" aria-label=\"Slider pagination\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- BOTTOM STRIP (NOW WITH DYNAMIC PRODUCT NAME) -->\r\n        <div style=\"padding:16px 18px; border-top:1px solid #eee; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\r\n          <div style=\"font-size:0.88rem; color:#555;\">\r\n            <b style=\"color:#222;\">product:<\/b>\r\n            <span id=\"clvHeroProductName\" style=\"font-weight:900; color:#2eb458; text-transform:lowercase;\">Vanilla Spider<\/span>\r\n          <\/div>\r\n          <div style=\"font-size:0.88rem; color:#555;\"><b style=\"color:#222;\">formats:<\/b> block \u2022 slab \u2022 cut-to-size<\/div>\r\n          <div style=\"font-size:0.88rem; color:#555;\"><b style=\"color:#222;\">export:<\/b> global<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION: KPI BAND -->\r\n  <section style=\"padding:30px 20px 10px; background:#ffffff;\">\r\n    <div style=\"max-width:1200px; margin:0 auto; border:1px solid #eaeaea; border-radius:16px; overflow:hidden; box-shadow:0 18px 55px rgba(0,0,0,0.04);\">\r\n      <div style=\"display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr; gap:0; align-items:stretch; background:#fff;\">\r\n        <div style=\"padding:26px 22px;\">\r\n          <div style=\"font-size:0.82rem; letter-spacing:1px; text-transform:uppercase; font-weight:900; color:#2eb458; margin-bottom:8px;\">product scope<\/div>\r\n          <div style=\"font-size:1.55rem; font-weight:900; color:#222; text-transform:lowercase;\">blocks \u2022 slabs \u2022 cut-to-size<\/div>\r\n          <div style=\"margin-top:10px; color:#666; font-size:0.95rem; line-height:1.6;\">Order-based production with specification discipline.<\/div>\r\n        <\/div>\r\n\r\n        <div style=\"background:#2eb458; opacity:.18;\"><\/div>\r\n\r\n        <div style=\"padding:26px 22px;\">\r\n          <div style=\"font-size:0.82rem; letter-spacing:1px; text-transform:uppercase; font-weight:900; color:#2eb458; margin-bottom:8px;\">export readiness<\/div>\r\n          <div style=\"font-size:1.55rem; font-weight:900; color:#222; text-transform:lowercase;\">documented execution<\/div>\r\n          <div style=\"margin-top:10px; color:#666; font-size:0.95rem; line-height:1.6;\">Packing lists, photos, and QC notes aligned with procurement needs.<\/div>\r\n        <\/div>\r\n\r\n        <div style=\"background:#2eb458; opacity:.18;\"><\/div>\r\n\r\n        <div style=\"padding:26px 22px;\">\r\n          <div style=\"font-size:0.82rem; letter-spacing:1px; text-transform:uppercase; font-weight:900; color:#2eb458; margin-bottom:8px;\">logistics<\/div>\r\n          <div style=\"font-size:1.55rem; font-weight:900; color:#222; text-transform:lowercase;\">port-side coordination<\/div>\r\n          <div style=\"margin-top:10px; color:#666; font-size:0.95rem; line-height:1.6;\">Global shipments arranged with stable lead times.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION: PRODUCT CATALOG -->\r\n  <section id=\"marble-catalog\" style=\"padding:80px 20px; background:#ffffff;\">\r\n    <div style=\"max-width:1200px; margin:0 auto;\">\r\n      <h2 style=\"text-transform: lowercase; font-weight:900; color:#333; font-size:1.9rem; margin:0 0 28px; border-left:4px solid #2eb458; padding-left:15px;\">\r\n        marble portfolio & availability.\r\n      <\/h2>\r\n\r\n      <div style=\"display:grid; grid-template-columns: repeat(3, 1fr); gap:18px;\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div style=\"border:1px solid #eaeaea; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 44px rgba(0,0,0,0.05);\">\r\n          <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/m-burdurbeige.jpg\" alt=\"burdur beige marble\" style=\"width:100%; height:220px; object-fit:cover; display:block;\">\r\n          <div style=\"padding:18px;\">\r\n            <div style=\"font-weight:900; color:#222; text-transform:lowercase; font-size:1.15rem;\">burdur beige<\/div>\r\n            <div style=\"margin-top:6px; color:#666; font-size:0.95rem; line-height:1.7;\">\r\n              Warm neutral tone for architectural interiors and large-area applications.\r\n            <\/div>\r\n            <div style=\"margin-top:12px; display:flex; gap:8px; flex-wrap:wrap;\">\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">block<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">slab<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">cut-to-size<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div style=\"border:1px solid #eaeaea; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 44px rgba(0,0,0,0.05);\">\r\n          <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/Nero-Luminoso-00a.jpg\" alt=\"nero luminoso marble\" style=\"width:100%; height:220px; object-fit:cover; display:block;\">\r\n          <div style=\"padding:18px;\">\r\n            <div style=\"font-weight:900; color:#222; text-transform:lowercase; font-size:1.15rem;\">nero luminoso<\/div>\r\n            <div style=\"margin-top:6px; color:#666; font-size:0.95rem; line-height:1.7;\">\r\n              Deep black presence designed for luxury contrast and high-end architectural accents.\r\n            <\/div>\r\n            <div style=\"margin-top:12px; display:flex; gap:8px; flex-wrap:wrap;\">\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">slab<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">polished<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">honed<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARD 3 -->\r\n        <div style=\"border:1px solid #eaeaea; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 44px rgba(0,0,0,0.05);\">\r\n          <img decoding=\"async\" src=\"https:\/\/clv.com.tr\/wp-content\/uploads\/2026\/02\/m-custom.jpg\" alt=\"custom marble selections\" style=\"width:100%; height:220px; object-fit:cover; display:block;\">\r\n          <div style=\"padding:18px;\">\r\n            <div style=\"font-weight:900; color:#222; text-transform:lowercase; font-size:1.15rem;\">custom selections<\/div>\r\n            <div style=\"margin-top:6px; color:#666; font-size:0.95rem; line-height:1.7;\">\r\n              Project-based sourcing with sampling, shade alignment, and batch continuity on approval.\r\n            <\/div>\r\n            <div style=\"margin-top:12px; display:flex; gap:8px; flex-wrap:wrap;\">\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">sampling<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">project QC<\/span>\r\n              <span style=\"font-size:0.82rem; font-weight:800; color:#2eb458; border:1px solid #2eb458; padding:6px 10px; border-radius:999px;\">repeat supply<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div style=\"margin-top:16px; color:#999; font-size:0.85rem; line-height:1.6;\">\r\n        Tip: Bu 3 kart\u0131 \u00fcr\u00fcn say\u0131na g\u00f6re \u00e7o\u011faltabilir veya azaltabilirsin.\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- (rest of your page continues as-is...) -->\r\n\r\n<\/div>\r\n\r\n<!-- Slider CSS + JS -->\r\n<style>\r\n  .clv-heroSlider{\r\n    position:relative;\r\n    width:100%;\r\n    height:420px;\r\n    overflow:hidden;\r\n    background:#f5f5f5;\r\n  }\r\n  .clv-heroTrack{\r\n    display:flex;\r\n    height:100%;\r\n    transition:transform .6s ease;\r\n    will-change:transform;\r\n  }\r\n  .clv-heroSlide{min-width:100%;height:100%;}\r\n  .clv-heroSlide img{width:100%;height:100%;object-fit:cover;display:block;}\r\n\r\n  .clv-heroNav{\r\n    position:absolute;top:50%;transform:translateY(-50%);\r\n    width:44px;height:44px;border-radius:999px;\r\n    border:1px solid rgba(0,0,0,.08);\r\n    background:rgba(255,255,255,.9);\r\n    cursor:pointer;font-size:28px;line-height:40px;font-weight:900;color:#111;\r\n    display:flex;align-items:center;justify-content:center;\r\n    box-shadow:0 12px 28px rgba(0,0,0,.10);\r\n  }\r\n  .clv-heroNav.prev{left:14px;}\r\n  .clv-heroNav.next{right:14px;}\r\n\r\n  .clv-heroDots{\r\n    position:absolute;left:0;right:0;bottom:12px;\r\n    display:flex;gap:8px;justify-content:center;align-items:center;\r\n  }\r\n  .clv-heroDot{\r\n    width:9px;height:9px;border-radius:999px;\r\n    background:rgba(255,255,255,.75);\r\n    border:1px solid rgba(0,0,0,.12);\r\n    cursor:pointer;\r\n  }\r\n  .clv-heroDot.active{background:#2eb458;border-color:#2eb458;}\r\n\r\n  @media (max-width: 980px){ .clv-heroSlider{height:340px;} }\r\n  @media (max-width: 520px){\r\n    .clv-heroSlider{height:300px;}\r\n    .clv-heroNav{width:40px;height:40px;font-size:26px;}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const slider = document.querySelector('.clv-heroSlider');\r\n  if(!slider) return;\r\n\r\n  const track = slider.querySelector('.clv-heroTrack');\r\n  const slides = Array.from(slider.querySelectorAll('.clv-heroSlide'));\r\n  const prevBtn = slider.querySelector('.clv-heroNav.prev');\r\n  const nextBtn = slider.querySelector('.clv-heroNav.next');\r\n  const dotsWrap = slider.querySelector('.clv-heroDots');\r\n  const nameEl = document.getElementById('clvHeroProductName');\r\n\r\n  let index = 0;\r\n  let timer = null;\r\n  const intervalMs = 4500;\r\n\r\n  function currentTitle(){\r\n    const img = slides[index].querySelector('img');\r\n    return (img && (img.dataset.title || img.getAttribute('alt'))) ? (img.dataset.title || img.getAttribute('alt')) : '';\r\n  }\r\n\r\n  function setName(){\r\n    if(!nameEl) return;\r\n    const t = currentTitle();\r\n    nameEl.textContent = t || '';\r\n  }\r\n\r\n  function renderDots(){\r\n    dotsWrap.innerHTML = '';\r\n    slides.forEach((_, i) => {\r\n      const d = document.createElement('button');\r\n      d.type = 'button';\r\n      d.className = 'clv-heroDot' + (i === index ? ' active' : '');\r\n      d.setAttribute('aria-label', 'Go to slide ' + (i+1));\r\n      d.addEventListener('click', () => go(i));\r\n      dotsWrap.appendChild(d);\r\n    });\r\n  }\r\n\r\n  function go(i){\r\n    index = (i + slides.length) % slides.length;\r\n    track.style.transform = `translateX(-${index * 100}%)`;\r\n    renderDots();\r\n    setName();\r\n  }\r\n\r\n  function next(){ go(index + 1); }\r\n  function prev(){ go(index - 1); }\r\n\r\n  function start(){\r\n    stop();\r\n    timer = setInterval(next, intervalMs);\r\n  }\r\n  function stop(){\r\n    if(timer) clearInterval(timer);\r\n    timer = null;\r\n  }\r\n\r\n  nextBtn.addEventListener('click', () => { next(); start(); });\r\n  prevBtn.addEventListener('click', () => { prev(); start(); });\r\n\r\n  slider.addEventListener('mouseenter', stop);\r\n  slider.addEventListener('mouseleave', start);\r\n  slider.addEventListener('focusin', stop);\r\n  slider.addEventListener('focusout', start);\r\n\r\n  go(0);\r\n  start();\r\n})();\r\n<\/script>\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>marble Vision &amp; Mission . marble division premium turkish marble direct export supply We produce and export marble blocks and cut-to-size products in selected qualities, dimensions,<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/pages\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":22,"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/pages\/833\/revisions"}],"predecessor-version":[{"id":2130,"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/pages\/833\/revisions\/2130"}],"wp:attachment":[{"href":"https:\/\/clv.com.tr\/tr\/wp-json\/wp\/v2\/media?parent=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}