{"id":13452,"date":"2026-06-19T10:11:57","date_gmt":"2026-06-19T10:11:57","guid":{"rendered":"https:\/\/sandeco.com.tr\/?page_id=13452"},"modified":"2026-07-16T10:11:33","modified_gmt":"2026-07-16T10:11:33","slug":"surface-solutions","status":"publish","type":"page","link":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/","title":{"rendered":"Surface Solutions"},"content":{"rendered":"\n<!--\n    SAN DECO \u2014 Surface Solutions (EN) \u2014 WordPress Raw HTML \/ Custom HTML block\n    Tum class'lar 'srf-' prefix'i ile scope'lu \u2014 tema stillerini bozmaz.\n\n    YAPI:\n      1) Banner (baslik + aciklama)\n      2) 3 ana yuzey ailesi \u2014 HEPSI tam genislik, alt alta\n         - Hover'da ailenin numarali alt basliklari stagger animasyonla belirir\n         - Tiklayinca panel KARTIN HEMEN ALTINDA smooth acilir\n      3) Panel icerigi HTML'de HAZIR (dil bu dosyada). JS yalnizca gorsel kutu\n         gridlerini doldurur + ac\/kapa yapar (assets\/js\/surface-solutions.js).\n         - Architectural \/ Performance: accordion + 4'lu gorsel grid\n         - Texture Lab: GORSEL YOK \u2014 sade iki madde (kullanici istegi)\n\n    Ikiz dosya: surface-solutions-tr.html (Turkce).\n-->\n\n<div class=\"srf-page\"\n     data-srf-finish=\"Finish\"\n     data-srf-labels=\"Texture|Water Res.|Durable|Custom\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');\n\n        .srf-page {\n            --srf-cream:     #F5F1EA;\n            --srf-dark:      #3F3A33;\n            --srf-text-mid:  #5C544A;\n            --srf-taupe:     #C8BBAE;\n            --srf-warmgray:  #A8998B;\n            --srf-burgundy:  #5A2F32;\n            --srf-ease:      cubic-bezier(0.33, 1, 0.68, 1);\n\n            width: 100%;\n            max-width: 100%;\n            margin: 0;\n            background: var(--srf-cream);\n            color: var(--srf-dark);\n            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,\n                         'Segoe UI', system-ui, Roboto, sans-serif;\n            -webkit-font-smoothing: antialiased;\n            box-sizing: border-box;\n        }\n\n        .srf-page *,\n        .srf-page *::before,\n        .srf-page *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: inherit;\n        }\n\n        \/* ============================================================\n           1) BANNER\n           ============================================================ *\/\n        .srf-banner {\n            position: relative;\n            width: 100%;\n            min-height: 400px;\n            display: flex;\n            align-items: flex-end;\n            overflow: hidden;\n            background-color: var(--srf-warmgray);\n        }\n\n        .srf-banner-bg {\n            position: absolute;\n            inset: 0;\n            background-image: url('https:\/\/sandeco.com.tr\/wp-content\/uploads\/2026\/07\/ARCHITECTURAL-SURFACES-BANNER-2.png');\n            background-size: cover;\n            background-position: center;\n            z-index: 0;\n        }\n\n        .srf-banner-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(100deg,\n                    rgba(45, 41, 35, 0.90) 0%,\n                    rgba(63, 58, 51, 0.68) 45%,\n                    rgba(63, 58, 51, 0.35) 100%);\n            z-index: 1;\n        }\n\n        .srf-banner-inner {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 70px 50px 56px;\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 40px;\n        }\n\n        .srf-banner-title {\n            font-size: clamp(38px, 5.6vw, 68px);\n            font-weight: 700;\n            line-height: 1.02;\n            letter-spacing: -0.5px;\n            color: var(--srf-cream) !important;\n            margin: 0 0 20px !important;\n        }\n\n        .srf-banner-divider {\n            width: 64px;\n            height: 2px;\n            background: rgba(245, 241, 234, 0.7);\n            margin-bottom: 18px;\n        }\n\n        .srf-banner-subtitle {\n            font-size: clamp(15px, 1.5vw, 19px);\n            line-height: 1.55;\n            color: rgba(245, 241, 234, 0.92) !important;\n            max-width: 430px;\n        }\n\n        .srf-banner-right {\n            flex: 0 1 460px;\n        }\n\n        .srf-banner-desc {\n            font-size: clamp(14px, 1.35vw, 17px);\n            line-height: 1.7;\n            color: rgba(245, 241, 234, 0.9) !important;\n        }\n\n        \/* ============================================================\n           2) AILE BOLUMLERI\n           ============================================================ *\/\n        .srf-sections {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 56px 50px 70px;\n            display: flex;\n            flex-direction: column;\n            gap: 22px;\n        }\n\n        .srf-section {\n            scroll-margin-top: calc(var(--navbar-h, 120px) + 16px);\n        }\n\n        .srf-family {\n            position: relative;\n            display: block;\n            width: 100%;\n            min-height: 340px;\n            overflow: hidden;\n            border: 0;\n            background: var(--srf-warmgray);\n            color: var(--srf-cream) !important;\n            text-align: left;\n            cursor: pointer;\n            padding: 0;\n        }\n\n        .srf-family-bg {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n            z-index: 0;\n            transition: transform 0.9s var(--srf-ease);\n        }\n\n        .srf-family:hover .srf-family-bg,\n        .srf-family.is-active .srf-family-bg {\n            transform: scale(1.05);\n        }\n\n        .srf-family-overlay {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            background: linear-gradient(to right,\n                    rgba(45, 41, 35, 0.85) 0%,\n                    rgba(63, 58, 51, 0.55) 50%,\n                    rgba(63, 58, 51, 0.22) 100%);\n            transition: background 0.6s ease;\n            opacity: 0.5;\n        }\n\n        .srf-family:hover .srf-family-overlay,\n        .srf-family.is-active .srf-family-overlay {\n            background: linear-gradient(to right,\n                    rgba(45, 41, 35, 0.94) 0%,\n                    rgba(50, 45, 39, 0.72) 55%,\n                    rgba(63, 58, 51, 0.38) 100%);\n        }\n\n        .srf-family-content {\n            position: relative;\n            z-index: 2;\n            min-height: inherit;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 36px 38px;\n            max-width: 720px;\n        }\n\n        .srf-family-num {\n            display: block;\n            font-size: 14px;\n            font-weight: 600;\n            letter-spacing: 1.5px;\n            color: rgba(245, 241, 234, 0.75) !important;\n            margin-bottom: 12px;\n        }\n\n        .srf-family-title {\n            font-size: clamp(24px, 3vw, 36px);\n            font-weight: 700;\n            line-height: 1.12;\n            color: var(--srf-cream) !important;\n            margin: 0 0 4px !important;\n        }\n\n        .srf-family-subs-wrap {\n            display: grid;\n            grid-template-rows: 0fr;\n            transition: grid-template-rows 0.7s var(--srf-ease);\n        }\n\n        .srf-family:hover .srf-family-subs-wrap,\n        .srf-family:focus-visible .srf-family-subs-wrap,\n        .srf-family.is-active .srf-family-subs-wrap {\n            grid-template-rows: 1fr;\n        }\n\n        .srf-family-subs {\n            list-style: none;\n            margin: 0 !important;\n            padding: 0;\n            overflow: hidden;\n            min-height: 0;\n        }\n\n        .srf-family-subs li {\n            display: flex;\n            align-items: baseline;\n            gap: 10px;\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.45;\n            color: rgba(245, 241, 234, 0.92) !important;\n            padding: 4px 0;\n            opacity: 0;\n            transform: translateY(8px);\n            transition: opacity 0.5s ease, transform 0.5s var(--srf-ease);\n        }\n\n        .srf-family-subs li:first-child { padding-top: 14px; }\n        .srf-family-subs li:last-child { padding-bottom: 8px; }\n\n        .srf-family-subs li i {\n            font-style: normal;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            color: var(--srf-taupe);\n            min-width: 20px;\n        }\n\n        .srf-family:hover .srf-family-subs li,\n        .srf-family:focus-visible .srf-family-subs li,\n        .srf-family.is-active .srf-family-subs li {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .srf-family:hover .srf-family-subs li:nth-child(1),\n        .srf-family:focus-visible .srf-family-subs li:nth-child(1),\n        .srf-family.is-active .srf-family-subs li:nth-child(1) { transition-delay: 0.12s; }\n        .srf-family:hover .srf-family-subs li:nth-child(2),\n        .srf-family:focus-visible .srf-family-subs li:nth-child(2),\n        .srf-family.is-active .srf-family-subs li:nth-child(2) { transition-delay: 0.20s; }\n        .srf-family:hover .srf-family-subs li:nth-child(3),\n        .srf-family:focus-visible .srf-family-subs li:nth-child(3),\n        .srf-family.is-active .srf-family-subs li:nth-child(3) { transition-delay: 0.28s; }\n        .srf-family:hover .srf-family-subs li:nth-child(4),\n        .srf-family:focus-visible .srf-family-subs li:nth-child(4),\n        .srf-family.is-active .srf-family-subs li:nth-child(4) { transition-delay: 0.36s; }\n        .srf-family:hover .srf-family-subs li:nth-child(5),\n        .srf-family:focus-visible .srf-family-subs li:nth-child(5),\n        .srf-family.is-active .srf-family-subs li:nth-child(5) { transition-delay: 0.44s; }\n\n        .srf-family-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-top: 18px;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 1.4px;\n            text-transform: uppercase;\n            color: var(--srf-cream) !important;\n            border-bottom: 1px solid rgba(245, 241, 234, 0.55);\n            padding-bottom: 8px;\n            width: fit-content;\n        }\n\n        .srf-family-cta svg {\n            width: 22px;\n            height: 12px;\n            stroke: currentColor;\n            stroke-width: 1.6;\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: transform 0.45s var(--srf-ease);\n        }\n\n        .srf-family:hover .srf-family-cta svg { transform: translateX(5px); }\n        .srf-family.is-active .srf-family-cta svg { transform: rotate(90deg); }\n\n        \/* ============================================================\n           3) ACCORDION PANELLER \u2014 kartin hemen altinda\n           ============================================================ *\/\n        .srf-page .srf-panel {\n            display: grid !important;\n            grid-template-rows: 0fr !important;\n            transition: grid-template-rows 0.75s var(--srf-ease) !important;\n        }\n\n        .srf-page .srf-panel.is-open { grid-template-rows: 1fr !important; }\n\n        .srf-page .srf-panel-inner {\n            overflow: hidden !important;\n            min-height: 0;\n        }\n\n        .srf-panel-box {\n            border-top: 2px solid var(--srf-burgundy);\n            background: #ffffff;\n            padding: 36px 38px 42px;\n            margin-top: 14px;\n            opacity: 0;\n            transform: translateY(12px);\n            transition: opacity 0.6s ease 0.2s, transform 0.6s var(--srf-ease) 0.2s;\n        }\n\n        .srf-page .srf-panel.is-open .srf-panel-box {\n            opacity: 1 !important;\n            transform: translateY(0) !important;\n        }\n\n        .srf-panel-head {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 20px;\n            margin-bottom: 8px;\n        }\n\n        .srf-panel-title {\n            font-size: clamp(20px, 2.2vw, 27px);\n            font-weight: 700;\n            color: var(--srf-dark);\n            margin: 0 !important;\n        }\n\n        .srf-panel-desc {\n            font-size: 14px;\n            line-height: 1.6;\n            color: var(--srf-text-mid);\n            max-width: 620px;\n            margin: 6px 0 22px !important;\n        }\n\n        .srf-panel-close {\n            flex-shrink: 0;\n            width: 34px;\n            height: 34px;\n            border: 1px solid rgba(63, 58, 51, 0.25);\n            background: transparent;\n            border-radius: 50%;\n            cursor: pointer;\n            position: relative;\n            transition: background 0.3s ease, border-color 0.3s ease, transform 0.45s var(--srf-ease);\n        }\n\n        .srf-panel-close::before,\n        .srf-panel-close::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 14px;\n            height: 1.6px;\n            background: var(--srf-dark);\n            transition: background 0.3s ease;\n        }\n\n        .srf-panel-close::before { transform: translate(-50%, -50%) rotate(45deg); }\n        .srf-panel-close::after  { transform: translate(-50%, -50%) rotate(-45deg); }\n\n        .srf-panel-close:hover {\n            background: var(--srf-burgundy);\n            border-color: var(--srf-burgundy);\n            transform: rotate(90deg);\n        }\n\n        .srf-panel-close:hover::before,\n        .srf-panel-close:hover::after { background: var(--srf-cream); }\n\n        \/* --- Alt kategori accordion --- *\/\n        .srf-sub { border-bottom: 1px solid rgba(63, 58, 51, 0.12); }\n\n        .srf-sub-head {\n            width: 100%;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            background: transparent;\n            border: 0;\n            padding: 18px 4px;\n            cursor: pointer;\n            text-align: left;\n            transition: padding-left 0.45s var(--srf-ease);\n        }\n\n        .srf-sub-head:hover { padding-left: 12px; }\n\n        .srf-sub-num {\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 1.2px;\n            color: var(--srf-warmgray);\n            min-width: 26px;\n            transition: color 0.35s ease;\n        }\n\n        .srf-sub-title {\n            flex: 1;\n            font-size: clamp(15px, 1.6vw, 19px);\n            font-weight: 700;\n            color: var(--srf-dark);\n            transition: color 0.35s ease;\n        }\n\n        .srf-sub-head:hover .srf-sub-title,\n        .srf-sub.is-open .srf-sub-title { color: var(--srf-burgundy); }\n        .srf-sub.is-open .srf-sub-num { color: var(--srf-burgundy); }\n\n        .srf-sub-chev {\n            width: 16px;\n            height: 16px;\n            stroke: var(--srf-text-mid);\n            stroke-width: 2;\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            flex-shrink: 0;\n            transition: transform 0.5s var(--srf-ease), stroke 0.35s ease;\n        }\n\n        .srf-sub.is-open .srf-sub-chev {\n            transform: rotate(180deg);\n            stroke: var(--srf-burgundy);\n        }\n\n        .srf-page .srf-sub-body {\n            display: grid !important;\n            grid-template-rows: 0fr !important;\n            transition: grid-template-rows 0.65s var(--srf-ease) !important;\n        }\n\n        .srf-page .srf-sub.is-open .srf-sub-body { grid-template-rows: 1fr !important; }\n\n        .srf-page .srf-sub-body-inner {\n            overflow: hidden !important;\n            min-height: 0;\n        }\n\n        \/* --- 4'lu gorsel kutu grid'i (JS doldurur) --- *\/\n        .srf-tiles {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 14px;\n            padding: 6px 0 26px;\n        }\n\n        .srf-tile {\n            position: relative;\n            aspect-ratio: 1 \/ 1;\n            overflow: hidden;\n            border-radius: 8px;\n            background: var(--srf-taupe);\n            opacity: 0;\n            transform: translateY(16px);\n        }\n\n        .srf-sub.is-open .srf-tile {\n            animation: srfTileIn 0.6s var(--srf-ease) forwards;\n            animation-delay: var(--d, 0s);\n        }\n\n        @keyframes srfTileIn {\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .srf-tile-img {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n            transition: transform 0.8s var(--srf-ease);\n        }\n\n        .srf-tile:hover .srf-tile-img { transform: scale(1.07); }\n\n        .srf-tile-shade {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top,\n                    rgba(45, 41, 35, 0.72) 0%,\n                    rgba(63, 58, 51, 0.18) 45%,\n                    rgba(63, 58, 51, 0) 100%);\n            opacity: 0.85;\n            transition: opacity 0.5s ease, background 0.5s ease;\n        }\n\n        .srf-tile:hover .srf-tile-shade {\n            opacity: 1;\n            background: linear-gradient(to top,\n                    rgba(90, 47, 50, 0.85) 0%,\n                    rgba(63, 58, 51, 0.45) 55%,\n                    rgba(63, 58, 51, 0.10) 100%);\n        }\n\n        .srf-tile-name {\n            position: absolute;\n            left: 16px;\n            right: 16px;\n            bottom: 14px;\n            font-size: 14px;\n            font-weight: 700;\n            color: var(--srf-cream) !important;\n            transition: transform 0.5s var(--srf-ease);\n            z-index: 2;\n        }\n\n        .srf-tile:hover .srf-tile-name { transform: translateY(-44px); }\n\n        .srf-tile-icons {\n            position: absolute;\n            left: 16px;\n            right: 16px;\n            bottom: 12px;\n            display: flex;\n            gap: 14px;\n            z-index: 2;\n        }\n\n        .srf-tile-ico {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n            opacity: 0;\n            transform: translateY(10px);\n            transition: opacity 0.45s ease, transform 0.45s var(--srf-ease);\n        }\n\n        .srf-tile:hover .srf-tile-ico:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.06s; }\n        .srf-tile:hover .srf-tile-ico:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.13s; }\n        .srf-tile:hover .srf-tile-ico:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.20s; }\n        .srf-tile:hover .srf-tile-ico:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.27s; }\n\n        .srf-tile-ico svg {\n            width: 17px;\n            height: 17px;\n            stroke: var(--srf-cream);\n            stroke-width: 1.6;\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .srf-tile-ico em {\n            font-style: normal;\n            font-size: 8.5px;\n            font-weight: 600;\n            letter-spacing: 0.4px;\n            text-transform: uppercase;\n            color: rgba(245, 241, 234, 0.85) !important;\n            white-space: nowrap;\n        }\n\n        \/* --- Texture Lab: GORSELSIZ sade madde listesi (kullanici istegi) --- *\/\n        .srf-items {\n            list-style: none;\n            margin: 6px 0 4px !important;\n            padding: 0;\n        }\n\n        .srf-item {\n            display: flex;\n            align-items: baseline;\n            gap: 16px;\n            padding: 20px 4px;\n            border-bottom: 1px solid rgba(63, 58, 51, 0.12);\n        }\n\n        .srf-item:last-child { border-bottom: 0; }\n\n        .srf-item-num {\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 1.2px;\n            color: var(--srf-warmgray);\n            min-width: 26px;\n        }\n\n        .srf-item-title {\n            font-size: clamp(15px, 1.6vw, 19px);\n            font-weight: 700;\n            color: var(--srf-dark);\n        }\n\n        \/* ============================================================\n           RESPONSIVE\n           ============================================================ *\/\n        @media (max-width: 1024px) {\n            .srf-banner-inner {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 26px;\n                padding: 56px 36px 44px;\n            }\n            .srf-sections { padding: 40px 36px 56px; }\n            .srf-tiles { grid-template-columns: repeat(3, 1fr); }\n        }\n\n        @media (max-width: 700px) {\n            .srf-banner { min-height: 330px; }\n            .srf-banner-inner { padding: 44px 22px 34px; }\n            .srf-sections { padding: 28px 22px 44px; gap: 16px; }\n            .srf-family { min-height: 280px; }\n            .srf-family-content { padding: 26px 22px; }\n            .srf-family-subs-wrap { grid-template-rows: 1fr; }\n            .srf-family-subs li { opacity: 1; transform: none; font-size: 13px; padding: 3px 0; }\n            .srf-panel-box { padding: 26px 20px 30px; }\n            .srf-tiles { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n            .srf-tile-icons { gap: 10px; }\n            .srf-tile-ico em { font-size: 8px; }\n            .srf-item { padding: 16px 2px; }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .srf-page *,\n            .srf-page *::before,\n            .srf-page *::after {\n                animation: none !important;\n                transition: none !important;\n            }\n            .srf-tile { opacity: 1; transform: none; }\n            .srf-family-subs li { opacity: 1; transform: none; }\n        }\n    <\/style>\n\n    <!-- ============================================================\n         1) BANNER\n         ============================================================ -->\n    <section class=\"srf-banner\">\n        <div class=\"srf-banner-bg\" aria-hidden=\"true\"><\/div>\n        <div class=\"srf-banner-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"srf-banner-inner\">\n            <div>\n                <h1 class=\"srf-banner-title\">SURFACE SOLUTIONS<\/h1>\n                <div class=\"srf-banner-divider\"><\/div>\n                <p class=\"srf-banner-subtitle\">\n                    Curated surface solutions, performance-driven systems\n                    and bespoke finish development.\n                <\/p>\n            <\/div>\n            <div class=\"srf-banner-right\">\n                <p class=\"srf-banner-desc\">\n                    A curated collection of architectural finishes developed to meet\n                    aesthetic, functional, and project-specific requirements. From\n                    expressive textures to custom color development and high-performance\n                    systems, our solutions help designers create surfaces with lasting impact.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n         2) AILE BOLUMLERI \u2014 her kartin paneli hemen altinda\n         ============================================================ -->\n    <div class=\"srf-sections\">\n\n        <!-- 01 ARCHITECTURAL SURFACES -->\n        <section class=\"srf-section\">\n            <button type=\"button\" class=\"srf-family\" data-panel=\"srf-panel-1\" aria-expanded=\"false\">\n                <span class=\"srf-family-bg\"\n                    style=\"background-image: url('https:\/\/sandeco.com.tr\/wp-content\/uploads\/2026\/07\/ARCHIETCTURAL-SURFACES-BANNER-IMAGE.png');\"\n                    aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-overlay\" aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-content\">\n                    <span class=\"srf-family-num\">01<\/span>\n                    <h2 class=\"srf-family-title\">Architectural Surfaces<\/h2>\n                    <span class=\"srf-family-subs-wrap\" aria-hidden=\"true\">\n                        <ul class=\"srf-family-subs\">\n                            <li><i>01<\/i> Natural &amp; Mineral Surfaces<\/li>\n                            <li><i>02<\/i> Contemporary Surfaces<\/li>\n                            <li><i>03<\/i> Stone Surfaces<\/li>\n                            <li><i>04<\/i> Signature Surfaces<\/li>\n                            <li><i>05<\/i> Reflective &amp; Metallic Surfaces<\/li>\n                        <\/ul>\n                    <\/span>\n                    <span class=\"srf-family-cta\">\n                        Explore\n                        <svg viewBox=\"0 0 26 12\" aria-hidden=\"true\">\n                            <line x1=\"0\" y1=\"6\" x2=\"24\" y2=\"6\" \/>\n                            <polyline points=\"19 1 24 6 19 11\" \/>\n                        <\/svg>\n                    <\/span>\n                <\/span>\n            <\/button>\n            <div class=\"srf-panel\" id=\"srf-panel-1\">\n                <div class=\"srf-panel-inner\">\n                    <div class=\"srf-panel-box\">\n                        <div class=\"srf-panel-head\">\n                            <h3 class=\"srf-panel-title\">Architectural Surfaces<\/h3>\n                            <button type=\"button\" class=\"srf-panel-close\" aria-label=\"Close panel\"><\/button>\n                        <\/div>\n                        <p class=\"srf-panel-desc\">\n                            Architectural Surfaces brings together a curated selection of\n                            decorative finishes designed to shape spaces through texture,\n                            materiality, and craftsmanship. From natural mineral effects to\n                            contemporary and expressive finishes, each surface balances\n                            aesthetics, durability, and performance to meet the demands of\n                            modern architecture.\n                        <\/p>\n\n                        <div class=\"srf-sub is-open\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"true\">\n                                <span class=\"srf-sub-num\">01<\/span>\n                                <span class=\"srf-sub-title\">Natural &amp; Mineral Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"0\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">02<\/span>\n                                <span class=\"srf-sub-title\">Contemporary Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"1\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">03<\/span>\n                                <span class=\"srf-sub-title\">Stone Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"2\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">04<\/span>\n                                <span class=\"srf-sub-title\">Signature Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"3\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">05<\/span>\n                                <span class=\"srf-sub-title\">Reflective &amp; Metallic Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"4\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 02 PERFORMANCE SURFACES -->\n        <section class=\"srf-section\">\n            <button type=\"button\" class=\"srf-family\" data-panel=\"srf-panel-2\" aria-expanded=\"false\">\n                <span class=\"srf-family-bg\"\n                    style=\"background-image: url('https:\/\/sandeco.com.tr\/wp-content\/uploads\/2026\/07\/PERFORMANCE-SURFACES-BANNER-IMAGE.png');\"\n                    aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-overlay\" aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-content\">\n                    <span class=\"srf-family-num\">02<\/span>\n                    <h2 class=\"srf-family-title\">Performance Surfaces<\/h2>\n                    <span class=\"srf-family-subs-wrap\" aria-hidden=\"true\">\n                        <ul class=\"srf-family-subs\">\n                            <li><i>01<\/i> Exterior Surfaces<\/li>\n                            <li><i>02<\/i> Hospitality Surfaces<\/li>\n                            <li><i>03<\/i> High-Traffic Commercial Surfaces<\/li>\n                            <li><i>04<\/i> Continuous Surface Systems<\/li>\n                        <\/ul>\n                    <\/span>\n                    <span class=\"srf-family-cta\">\n                        Explore\n                        <svg viewBox=\"0 0 26 12\" aria-hidden=\"true\">\n                            <line x1=\"0\" y1=\"6\" x2=\"24\" y2=\"6\" \/>\n                            <polyline points=\"19 1 24 6 19 11\" \/>\n                        <\/svg>\n                    <\/span>\n                <\/span>\n            <\/button>\n            <div class=\"srf-panel\" id=\"srf-panel-2\">\n                <div class=\"srf-panel-inner\">\n                    <div class=\"srf-panel-box\">\n                        <div class=\"srf-panel-head\">\n                            <h3 class=\"srf-panel-title\">Performance Surfaces<\/h3>\n                            <button type=\"button\" class=\"srf-panel-close\" aria-label=\"Close panel\"><\/button>\n                        <\/div>\n                        <p class=\"srf-panel-desc\">\n                            Advanced surface systems engineered to deliver exceptional durability,\n                            protection, and long-term performance without compromising design.\n                            Ideal for demanding residential, commercial, and hospitality environments.\n                        <\/p>\n\n                        <div class=\"srf-sub is-open\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"true\">\n                                <span class=\"srf-sub-num\">01<\/span>\n                                <span class=\"srf-sub-title\">Exterior Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"0\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">02<\/span>\n                                <span class=\"srf-sub-title\">Hospitality Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"1\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">03<\/span>\n                                <span class=\"srf-sub-title\">High-Traffic Commercial Surfaces<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"2\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n\n                        <div class=\"srf-sub\">\n                            <button type=\"button\" class=\"srf-sub-head\" aria-expanded=\"false\">\n                                <span class=\"srf-sub-num\">04<\/span>\n                                <span class=\"srf-sub-title\">Continuous Surface Systems<\/span>\n                                <svg class=\"srf-sub-chev\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                            <\/button>\n                            <div class=\"srf-sub-body\"><div class=\"srf-sub-body-inner\">\n                                <div class=\"srf-tiles\" data-tiles=\"8\" data-seed=\"3\"><\/div>\n                            <\/div><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 03 TEXTURE LAB & CUSTOM COLOR \u2014 GORSEL YOK, sade iki madde -->\n        <section class=\"srf-section\">\n            <button type=\"button\" class=\"srf-family\" data-panel=\"srf-panel-3\" aria-expanded=\"false\">\n                <span class=\"srf-family-bg\"\n                    style=\"background-image: url('https:\/\/sandeco.com.tr\/wp-content\/uploads\/2026\/07\/TEXTURE-CUSTOM-COLOR-LAB.png');\"\n                    aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-overlay\" aria-hidden=\"true\"><\/span>\n                <span class=\"srf-family-content\">\n                    <span class=\"srf-family-num\">03<\/span>\n                    <h2 class=\"srf-family-title\">Texture Lab &amp; Custom Color<\/h2>\n                    <span class=\"srf-family-subs-wrap\" aria-hidden=\"true\">\n                        <ul class=\"srf-family-subs\">\n                            <li><i>01<\/i> Application Technique as a Design Variable<\/li>\n                            <li><i>02<\/i> Finish Selection &amp; Specification Framework<\/li>\n                        <\/ul>\n                    <\/span>\n                    <span class=\"srf-family-cta\">\n                        Explore\n                        <svg viewBox=\"0 0 26 12\" aria-hidden=\"true\">\n                            <line x1=\"0\" y1=\"6\" x2=\"24\" y2=\"6\" \/>\n                            <polyline points=\"19 1 24 6 19 11\" \/>\n                        <\/svg>\n                    <\/span>\n                <\/span>\n            <\/button>\n            <div class=\"srf-panel\" id=\"srf-panel-3\">\n                <div class=\"srf-panel-inner\">\n                    <div class=\"srf-panel-box\">\n                        <div class=\"srf-panel-head\">\n                            <h3 class=\"srf-panel-title\">Texture Lab &amp; Custom Color<\/h3>\n                            <button type=\"button\" class=\"srf-panel-close\" aria-label=\"Close panel\"><\/button>\n                        <\/div>\n                        <p class=\"srf-panel-desc\">\n                            Create truly bespoke surfaces through custom texture development and\n                            tailored color matching. Our specialists collaborate with architects\n                            and designers to transform creative concepts into unique material finishes.\n                        <\/p>\n                        <ul class=\"srf-items\">\n                            <li class=\"srf-item\">\n                                <span class=\"srf-item-num\">01<\/span>\n                                <span class=\"srf-item-title\">Application Technique as a Design Variable<\/span>\n                            <\/li>\n                            <li class=\"srf-item\">\n                                <span class=\"srf-item-num\">02<\/span>\n                                <span class=\"srf-item-title\">Finish Selection &amp; Specification Framework<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <!-- JS tema dosyasinda: assets\/js\/surface-solutions.js (functions.php enqueue eder).\n         Panel icerigi bu HTML'de hazir; JS yalnizca gorsel kutulari doldurur + ac\/kapar. -->\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>SURFACE SOLUTIONS Curated surface solutions, performance-driven systems and bespoke finish development. A curated collection of architectural finishes developed to meet aesthetic, functional, and project-specific requirements. From expressive textures to custom color development and high-performance systems, our solutions help designers create surfaces with lasting impact. 01 Architectural Surfaces 01 Natural &amp; Mineral Surfaces 02 Contemporary Surfaces [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13452","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Surface Solutions |<\/title>\n<meta name=\"description\" content=\"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Surface Solutions |\" \/>\n<meta property=\"og:description\" content=\"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SandecoOfficial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T10:11:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@SandecoOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/\",\"url\":\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/\",\"name\":\"Surface Solutions |\",\"isPartOf\":{\"@id\":\"https:\/\/sandeco.com.tr\/#website\"},\"datePublished\":\"2026-06-19T10:11:57+00:00\",\"dateModified\":\"2026-07-16T10:11:33+00:00\",\"description\":\"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...\",\"breadcrumb\":{\"@id\":\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sandeco.com.tr\/en\/surface-solutions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/sandeco.com.tr\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Surface Solutions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sandeco.com.tr\/#website\",\"url\":\"https:\/\/sandeco.com.tr\/\",\"name\":\"Sandeco\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sandeco.com.tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sandeco.com.tr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sandeco.com.tr\/#organization\",\"name\":\"Sandeco\",\"url\":\"https:\/\/sandeco.com.tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sandeco.com.tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sandeco.com.tr\/wp-content\/uploads\/2023\/05\/logo.jpg\",\"contentUrl\":\"https:\/\/sandeco.com.tr\/wp-content\/uploads\/2023\/05\/logo.jpg\",\"width\":408,\"height\":186,\"caption\":\"Sandeco\"},\"image\":{\"@id\":\"https:\/\/sandeco.com.tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SandecoOfficial\",\"https:\/\/x.com\/SandecoOfficial\",\"https:\/\/www.instagram.com\/sandecoofficial\/\",\"https:\/\/www.youtube.com\/channel\/UC6shcA6HaYvcnjAcEzClRkA\",\"https:\/\/www.linkedin.com\/company\/deka-boya-sanayi-ve-ticaret-a-s\/\",\"https:\/\/pinterest.com\/sandecoofficial\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Surface Solutions |","description":"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/","og_locale":"en_US","og_type":"article","og_title":"Surface Solutions |","og_description":"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...","og_url":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/","article_publisher":"https:\/\/www.facebook.com\/SandecoOfficial","article_modified_time":"2026-07-16T10:11:33+00:00","twitter_card":"summary_large_image","twitter_site":"@SandecoOfficial","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/","url":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/","name":"Surface Solutions |","isPartOf":{"@id":"https:\/\/sandeco.com.tr\/#website"},"datePublished":"2026-06-19T10:11:57+00:00","dateModified":"2026-07-16T10:11:33+00:00","description":"Inspiring decorative paint types at San Deco! Click now to get detailed information about wall paint colors, interior and exterior products...","breadcrumb":{"@id":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sandeco.com.tr\/en\/surface-solutions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sandeco.com.tr\/en\/surface-solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/sandeco.com.tr\/en\/"},{"@type":"ListItem","position":2,"name":"Surface Solutions"}]},{"@type":"WebSite","@id":"https:\/\/sandeco.com.tr\/#website","url":"https:\/\/sandeco.com.tr\/","name":"Sandeco","description":"","publisher":{"@id":"https:\/\/sandeco.com.tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sandeco.com.tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sandeco.com.tr\/#organization","name":"Sandeco","url":"https:\/\/sandeco.com.tr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sandeco.com.tr\/#\/schema\/logo\/image\/","url":"https:\/\/sandeco.com.tr\/wp-content\/uploads\/2023\/05\/logo.jpg","contentUrl":"https:\/\/sandeco.com.tr\/wp-content\/uploads\/2023\/05\/logo.jpg","width":408,"height":186,"caption":"Sandeco"},"image":{"@id":"https:\/\/sandeco.com.tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SandecoOfficial","https:\/\/x.com\/SandecoOfficial","https:\/\/www.instagram.com\/sandecoofficial\/","https:\/\/www.youtube.com\/channel\/UC6shcA6HaYvcnjAcEzClRkA","https:\/\/www.linkedin.com\/company\/deka-boya-sanayi-ve-ticaret-a-s\/","https:\/\/pinterest.com\/sandecoofficial\/"]}]}},"_links":{"self":[{"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/pages\/13452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/comments?post=13452"}],"version-history":[{"count":4,"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/pages\/13452\/revisions"}],"predecessor-version":[{"id":13490,"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/pages\/13452\/revisions\/13490"}],"wp:attachment":[{"href":"https:\/\/sandeco.com.tr\/en\/wp-json\/wp\/v2\/media?parent=13452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}