{"id":6583,"date":"2022-01-01T13:05:24","date_gmt":"2022-01-01T13:05:24","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/creote\/v-new\/?page_id=7"},"modified":"2026-10-03T10:00:45","modified_gmt":"2026-10-03T10:00:45","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/www.alfaserver.com.tr\/chn\/","title":{"rendered":"ANASAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6583\" class=\"elementor elementor-6583\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4da05 e-con-full e-flex e-con e-parent\" data-id=\"cc4da05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5886e5 elementor-widget elementor-widget-html\" data-id=\"e5886e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CHN AL\u00dcM\u0130NYUM\r\n     PREMIUM \/ KURUMSAL DU\u015eAKAB\u0130N HERO SLIDER\r\n     Bosch \/ Siemens tarz\u0131 sade \u00fcr\u00fcn vitrini\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n.chn-pro-slider {\r\n    --chn-dark: #111417;\r\n    --chn-dark-2: #1a1d20;\r\n    --chn-white: #ffffff;\r\n    --chn-soft: #f4f5f5;\r\n    --chn-gray: #b9bdc0;\r\n    --chn-line: rgba(255,255,255,.18);\r\n    --chn-accent: #d9e2e5;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    height: 760px;\r\n    overflow: hidden;\r\n    background: #111417;\r\n    font-family: 'Montserrat', Arial, sans-serif;\r\n}\r\n\r\n.chn-pro-slider *,\r\n.chn-pro-slider *::before,\r\n.chn-pro-slider *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.chn-pro-slider a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n========================================================= *\/\r\n\r\n.chn-pro-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n        opacity .8s ease,\r\n        visibility .8s ease;\r\n}\r\n\r\n.chn-pro-slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================================\r\n   \u00dcR\u00dcN G\u00d6RSEL\u0130\r\n========================================================= *\/\r\n\r\n.chn-pro-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transform: scale(1.035);\r\n    transition: transform 7s cubic-bezier(.2,.6,.2,1);\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-bg {\r\n    transform: scale(1);\r\n}\r\n\r\n\/* G\u00f6rsel \u00fczerinde sade kurumsal karartma *\/\r\n.chn-pro-bg::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(10,13,15,.91) 0%,\r\n            rgba(10,13,15,.73) 30%,\r\n            rgba(10,13,15,.25) 58%,\r\n            rgba(10,13,15,.03) 100%\r\n        );\r\n}\r\n\r\n\/* =========================================================\r\n   G\u00d6RSELLER\r\n========================================================= *\/\r\n\r\n.chn-pro-slide-1 .chn-pro-bg {\r\n    background-image:\r\n        url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Dikdortgen-Dusakabinler.png\");\r\n    background-position: center;\r\n}\r\n\r\n.chn-pro-slide-2 .chn-pro-bg {\r\n    background-image:\r\n        url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Siyah-Profil-Dusakabinler.png\");\r\n    background-position: center;\r\n}\r\n\r\n.chn-pro-slide-3 .chn-pro-bg {\r\n    background-image:\r\n        url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Fume-Cam-Dusakabinler.png\");\r\n    background-position: center;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0130\u00c7ER\u0130K\r\n========================================================= *\/\r\n\r\n.chn-pro-container {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    width: min(1240px, calc(100% - 100px));\r\n    height: 100%;\r\n    margin: auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.chn-pro-content {\r\n    width: 540px;\r\n    color: var(--chn-white);\r\n}\r\n\r\n\/* =========================================================\r\n   \u00dcST ET\u0130KET\r\n========================================================= *\/\r\n\r\n.chn-pro-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: #d5dcde;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.chn-pro-eyebrow::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 1px;\r\n    background: #fff;\r\n    opacity: .65;\r\n}\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.chn-pro-title {\r\n    margin: 0 0 25px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(43px, 5vw, 68px);\r\n    line-height: 1.08;\r\n    font-weight: 600;\r\n    letter-spacing: -2.2px;\r\n}\r\n\r\n.chn-pro-title strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Renkli gradient yerine sade vurgu *\/\r\n.chn-pro-title span {\r\n    color: #dfe6e8;\r\n}\r\n\r\n\/* =========================================================\r\n   A\u00c7IKLAMA\r\n========================================================= *\/\r\n\r\n.chn-pro-description {\r\n    width: 500px;\r\n    max-width: 100%;\r\n\r\n    margin: 0 0 34px;\r\n\r\n    color: rgba(255,255,255,.74);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* =========================================================\r\n   BUTONLAR\r\n========================================================= *\/\r\n\r\n.chn-pro-buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n}\r\n\r\n.chn-pro-btn {\r\n    min-height: 50px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0 27px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n\/* Ana buton *\/\r\n\r\n.chn-pro-btn-primary {\r\n    background: #fff;\r\n    color: #111417 !important;\r\n}\r\n\r\n.chn-pro-btn-primary:hover {\r\n    background: #dfe6e8;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* \u0130kincil *\/\r\n\r\n.chn-pro-btn-secondary {\r\n    position: relative;\r\n\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n\r\n    color: #fff !important;\r\n}\r\n\r\n.chn-pro-btn-secondary::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 4px;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,.65);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.chn-pro-btn-secondary:hover::after {\r\n    background: #fff;\r\n}\r\n\r\n\/* =========================================================\r\n   \u00dcR\u00dcN B\u0130LG\u0130LER\u0130\r\n========================================================= *\/\r\n\r\n.chn-pro-specs {\r\n    display: flex;\r\n    gap: 0;\r\n\r\n    margin-top: 48px;\r\n    padding-top: 22px;\r\n\r\n    border-top: 1px solid var(--chn-line);\r\n}\r\n\r\n.chn-pro-spec {\r\n    min-width: 145px;\r\n    padding-right: 25px;\r\n    margin-right: 25px;\r\n\r\n    border-right: 1px solid var(--chn-line);\r\n}\r\n\r\n.chn-pro-spec:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.chn-pro-spec-label {\r\n    margin-bottom: 7px;\r\n\r\n    color: rgba(255,255,255,.48);\r\n\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.chn-pro-spec-value {\r\n    color: #fff;\r\n\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* =========================================================\r\n   SA\u011e \u00dcR\u00dcN NUMARASI\r\n========================================================= *\/\r\n\r\n.chn-pro-number {\r\n    position: absolute;\r\n\r\n    right: 80px;\r\n    bottom: 55px;\r\n\r\n    z-index: 6;\r\n\r\n    color: rgba(255,255,255,.25);\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\/* =========================================================\r\n   NAVIGATION\r\n========================================================= *\/\r\n\r\n.chn-pro-navigation {\r\n    position: absolute;\r\n\r\n    right: 55px;\r\n    top: 50%;\r\n\r\n    z-index: 10;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 11px;\r\n}\r\n\r\n.chn-pro-nav-dot {\r\n    position: relative;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n.chn-pro-nav-dot::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.42);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.chn-pro-nav-dot::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 6px;\r\n\r\n    border: 1px solid transparent;\r\n    border-radius: 50%;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.chn-pro-nav-dot.active::before {\r\n    width: 7px;\r\n    height: 7px;\r\n    background: #fff;\r\n}\r\n\r\n.chn-pro-nav-dot.active::after {\r\n    border-color: rgba(255,255,255,.5);\r\n}\r\n\r\n\/* =========================================================\r\n   OKLAR\r\n========================================================= *\/\r\n\r\n.chn-pro-arrows {\r\n    position: absolute;\r\n\r\n    right: 100px;\r\n    bottom: 42px;\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n    gap: 7px;\r\n}\r\n\r\n.chn-pro-arrow {\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,.22);\r\n\r\n    background: rgba(0,0,0,.16);\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    font-size: 17px;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.chn-pro-arrow:hover {\r\n    background: #fff;\r\n    color: #111417;\r\n}\r\n\r\n\/* =========================================================\r\n   ALT PROGRESS\r\n========================================================= *\/\r\n\r\n.chn-pro-progress {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    z-index: 20;\r\n\r\n    width: 100%;\r\n    height: 2px;\r\n\r\n    background: rgba(255,255,255,.13);\r\n}\r\n\r\n.chn-pro-progress-bar {\r\n    width: 0;\r\n    height: 100%;\r\n\r\n    background: #fff;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT ANIMATION\r\n========================================================= *\/\r\n\r\n.chn-pro-content > * {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n\r\n    transition:\r\n        opacity .65s ease,\r\n        transform .65s ease;\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-eyebrow {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: .15s;\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-title {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: .3s;\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-description {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: .45s;\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-buttons {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: .6s;\r\n}\r\n\r\n.chn-pro-slide.active .chn-pro-specs {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: .75s;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width: 1000px) {\r\n\r\n    .chn-pro-slider {\r\n        height: 700px;\r\n    }\r\n\r\n    .chn-pro-container {\r\n        width: calc(100% - 80px);\r\n    }\r\n\r\n    .chn-pro-content {\r\n        width: 500px;\r\n    }\r\n\r\n    .chn-pro-navigation {\r\n        right: 25px;\r\n    }\r\n\r\n    .chn-pro-arrows {\r\n        right: 70px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width: 767px) {\r\n\r\n    .chn-pro-slider {\r\n        height: 720px;\r\n    }\r\n\r\n    .chn-pro-container {\r\n        width: calc(100% - 40px);\r\n\r\n        align-items: flex-start;\r\n\r\n        padding-top: 75px;\r\n    }\r\n\r\n    \/* Mobilde \u00fcr\u00fcn daha belirgin *\/\r\n    .chn-pro-bg {\r\n        background-position: 65% center;\r\n    }\r\n\r\n    .chn-pro-bg::after {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(10,13,15,.90) 0%,\r\n                rgba(10,13,15,.76) 38%,\r\n                rgba(10,13,15,.32) 67%,\r\n                rgba(10,13,15,.12) 100%\r\n            );\r\n    }\r\n\r\n    .chn-pro-content {\r\n        width: 100%;\r\n    }\r\n\r\n    .chn-pro-eyebrow {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .chn-pro-eyebrow::before {\r\n        width: 25px;\r\n    }\r\n\r\n    .chn-pro-title {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 38px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.3px;\r\n    }\r\n\r\n    .chn-pro-description {\r\n        margin-bottom: 24px;\r\n\r\n        font-size: 13px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .chn-pro-buttons {\r\n        gap: 18px;\r\n    }\r\n\r\n    .chn-pro-btn {\r\n        min-height: 46px;\r\n\r\n        padding: 0 21px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n    .chn-pro-specs {\r\n        margin-top: 32px;\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .chn-pro-spec {\r\n        min-width: 0;\r\n        flex: 1;\r\n\r\n        padding-right: 12px;\r\n        margin-right: 12px;\r\n    }\r\n\r\n    .chn-pro-spec-label {\r\n        font-size: 8px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .chn-pro-spec-value {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .chn-pro-navigation {\r\n        right: 9px;\r\n        top: 50%;\r\n    }\r\n\r\n    .chn-pro-nav-dot {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n    .chn-pro-arrows {\r\n        right: 20px;\r\n        bottom: 27px;\r\n    }\r\n\r\n    .chn-pro-arrow {\r\n        width: 39px;\r\n        height: 39px;\r\n    }\r\n\r\n    .chn-pro-number {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   \u00c7OK K\u00dc\u00c7\u00dcK EKRAN\r\n========================================================= *\/\r\n\r\n@media(max-width: 400px) {\r\n\r\n    .chn-pro-slider {\r\n        height: 690px;\r\n    }\r\n\r\n    .chn-pro-container {\r\n        padding-top: 65px;\r\n    }\r\n\r\n    .chn-pro-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .chn-pro-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .chn-pro-specs {\r\n        margin-top: 25px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"chn-pro-slider\" id=\"chnProSlider\">\r\n\r\n    <!-- =====================================================\r\n         SLIDE 1\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-slide chn-pro-slide-1 active\">\r\n\r\n        <div class=\"chn-pro-bg\"><\/div>\r\n\r\n        <div class=\"chn-pro-container\">\r\n\r\n            <div class=\"chn-pro-content\">\r\n\r\n                <div class=\"chn-pro-eyebrow\">\r\n                    CHN AL\u00dcM\u0130NYUM\r\n                <\/div>\r\n\r\n                <h1 class=\"chn-pro-title\">\r\n                    Dikd\u00f6rtgen<br>\r\n                    <span>Du\u015fakabin<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"chn-pro-description\">\r\n                    Modern banyolar i\u00e7in sade \u00e7izgiler, dengeli\r\n                    oranlar ve kullan\u0131\u015fl\u0131 tasar\u0131m. CHN Al\u00fcminyum\r\n                    du\u015fakabin koleksiyonunu ke\u015ffedin.\r\n                <\/p>\r\n\r\n                <div class=\"chn-pro-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-pro-btn chn-pro-btn-primary\">\r\n                        \u00dcr\u00fcn\u00fc \u0130ncele\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-pro-btn chn-pro-btn-secondary\">\r\n                        Teklif Al \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"chn-pro-specs\">\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Tasar\u0131m\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Dikd\u00f6rtgen\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Profil\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Al\u00fcminyum\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Cam\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Se\u00e7ilebilir\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-pro-number\">\r\n            01 \/ 03\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 2\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-slide chn-pro-slide-2\">\r\n\r\n        <div class=\"chn-pro-bg\"><\/div>\r\n\r\n        <div class=\"chn-pro-container\">\r\n\r\n            <div class=\"chn-pro-content\">\r\n\r\n                <div class=\"chn-pro-eyebrow\">\r\n                    MODERN SER\u0130\r\n                <\/div>\r\n\r\n                <h1 class=\"chn-pro-title\">\r\n                    Siyah Profilli<br>\r\n                    <span>Du\u015fakabin<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"chn-pro-description\">\r\n                    Siyah profil detaylar\u0131yla banyoda g\u00fc\u00e7l\u00fc ve\r\n                    modern bir mimari g\u00f6r\u00fcn\u00fcm. Zamans\u0131z tasar\u0131m\r\n                    anlay\u0131\u015f\u0131yla haz\u0131rlanan modeller.\r\n                <\/p>\r\n\r\n                <div class=\"chn-pro-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-pro-btn chn-pro-btn-primary\">\r\n                        \u00dcr\u00fcn\u00fc \u0130ncele\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-pro-btn chn-pro-btn-secondary\">\r\n                        Teklif Al \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"chn-pro-specs\">\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Seri\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Modern\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Profil\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Siyah\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Stil\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Minimal\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-pro-number\">\r\n            02 \/ 03\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 3\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-slide chn-pro-slide-3\">\r\n\r\n        <div class=\"chn-pro-bg\"><\/div>\r\n\r\n        <div class=\"chn-pro-container\">\r\n\r\n            <div class=\"chn-pro-content\">\r\n\r\n                <div class=\"chn-pro-eyebrow\">\r\n                    CAM KOLEKS\u0130YONU\r\n                <\/div>\r\n\r\n                <h1 class=\"chn-pro-title\">\r\n                    F\u00fcme Cam<br>\r\n                    <span>Du\u015fakabin<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"chn-pro-description\">\r\n                    F\u00fcme cam\u0131n karakteristik g\u00f6r\u00fcn\u00fcm\u00fc ile\r\n                    banyonuza daha sofistike ve modern bir\r\n                    atmosfer kazand\u0131r\u0131n.\r\n                <\/p>\r\n\r\n                <div class=\"chn-pro-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-pro-btn chn-pro-btn-primary\">\r\n                        \u00dcr\u00fcn\u00fc \u0130ncele\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-pro-btn chn-pro-btn-secondary\">\r\n                        Teklif Al \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"chn-pro-specs\">\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Cam\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            F\u00fcme\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Tasar\u0131m\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Modern\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"chn-pro-spec\">\r\n\r\n                        <div class=\"chn-pro-spec-label\">\r\n                            Profil\r\n                        <\/div>\r\n\r\n                        <div class=\"chn-pro-spec-value\">\r\n                            Se\u00e7ilebilir\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-pro-number\">\r\n            03 \/ 03\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SA\u011e NAV\u0130GASYON\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-navigation\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-pro-nav-dot active\"\r\n            data-slide=\"0\"\r\n            aria-label=\"Dikd\u00f6rtgen du\u015fakabin\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-pro-nav-dot\"\r\n            data-slide=\"1\"\r\n            aria-label=\"Siyah profilli du\u015fakabin\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-pro-nav-dot\"\r\n            data-slide=\"2\"\r\n            aria-label=\"F\u00fcme cam du\u015fakabin\">\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         OKLAR\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-arrows\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-pro-arrow chn-pro-prev\"\r\n            aria-label=\"\u00d6nceki \u00fcr\u00fcn\">\r\n            \u2190\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-pro-arrow chn-pro-next\"\r\n            aria-label=\"Sonraki \u00fcr\u00fcn\">\r\n            \u2192\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROGRESS\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-pro-progress\">\r\n        <div class=\"chn-pro-progress-bar\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const slider = document.getElementById(\"chnProSlider\");\r\n\r\n    if (!slider) return;\r\n\r\n    const slides =\r\n        slider.querySelectorAll(\".chn-pro-slide\");\r\n\r\n    const dots =\r\n        slider.querySelectorAll(\".chn-pro-nav-dot\");\r\n\r\n    const prev =\r\n        slider.querySelector(\".chn-pro-prev\");\r\n\r\n    const next =\r\n        slider.querySelector(\".chn-pro-next\");\r\n\r\n    const progress =\r\n        slider.querySelector(\".chn-pro-progress-bar\");\r\n\r\n    let current = 0;\r\n    let timer = null;\r\n\r\n    const duration = 6500;\r\n\r\n\r\n    function resetProgress() {\r\n\r\n        progress.style.transition = \"none\";\r\n        progress.style.width = \"0%\";\r\n\r\n        requestAnimationFrame(function () {\r\n\r\n            requestAnimationFrame(function () {\r\n\r\n                progress.style.transition =\r\n                    \"width \" + duration + \"ms linear\";\r\n\r\n                progress.style.width = \"100%\";\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    function showSlide(index) {\r\n\r\n        current =\r\n            (index + slides.length) %\r\n            slides.length;\r\n\r\n        slides.forEach(function (slide, i) {\r\n\r\n            slide.classList.toggle(\r\n                \"active\",\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n        dots.forEach(function (dot, i) {\r\n\r\n            dot.classList.toggle(\r\n                \"active\",\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n        resetProgress();\r\n\r\n    }\r\n\r\n\r\n    function startSlider() {\r\n\r\n        clearInterval(timer);\r\n\r\n        timer = setInterval(function () {\r\n\r\n            showSlide(current + 1);\r\n\r\n        }, duration);\r\n\r\n    }\r\n\r\n\r\n    next.addEventListener(\"click\", function () {\r\n\r\n        showSlide(current + 1);\r\n\r\n        startSlider();\r\n\r\n    });\r\n\r\n\r\n    prev.addEventListener(\"click\", function () {\r\n\r\n        showSlide(current - 1);\r\n\r\n        startSlider();\r\n\r\n    });\r\n\r\n\r\n    dots.forEach(function (dot) {\r\n\r\n        dot.addEventListener(\"click\", function () {\r\n\r\n            showSlide(\r\n                parseInt(\r\n                    this.dataset.slide,\r\n                    10\r\n                )\r\n            );\r\n\r\n            startSlider();\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================\r\n       TOUCH \/ SWIPE\r\n    ========================= *\/\r\n\r\n    let startX = 0;\r\n\r\n    slider.addEventListener(\r\n        \"touchstart\",\r\n        function (e) {\r\n\r\n            startX =\r\n                e.touches[0].clientX;\r\n\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    slider.addEventListener(\r\n        \"touchend\",\r\n        function (e) {\r\n\r\n            const endX =\r\n                e.changedTouches[0].clientX;\r\n\r\n            const distance =\r\n                endX - startX;\r\n\r\n            if (Math.abs(distance) > 50) {\r\n\r\n                if (distance < 0) {\r\n\r\n                    showSlide(current + 1);\r\n\r\n                } else {\r\n\r\n                    showSlide(current - 1);\r\n\r\n                }\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    \/* =========================\r\n       MOUSE\r\n    ========================= *\/\r\n\r\n    slider.addEventListener(\r\n        \"mouseenter\",\r\n        function () {\r\n\r\n            clearInterval(timer);\r\n\r\n        }\r\n    );\r\n\r\n\r\n    slider.addEventListener(\r\n        \"mouseleave\",\r\n        function () {\r\n\r\n            startSlider();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =========================\r\n       KLAVYE\r\n    ========================= *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (e) {\r\n\r\n            if (e.key === \"ArrowRight\") {\r\n\r\n                showSlide(current + 1);\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n            if (e.key === \"ArrowLeft\") {\r\n\r\n                showSlide(current - 1);\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    showSlide(0);\r\n    startSlider();\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c14d720 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"c14d720\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24390aa elementor-widget elementor-widget-html\" data-id=\"24390aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CHN AL\u00dcM\u0130NYUM MODERN LANDING PAGE SECTIONS START -->\r\n<style>\r\n\/* Google Font Montserrat Entegrasyonu *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* =========================================================\r\n   CHN AL\u00dcM\u0130NYUM - FULL WIDTH RESPONSIVE SYSTEM\r\n========================================================= *\/\r\n\r\n.chnx {\r\n    --chn-navy: #0B2545;\r\n    --chn-navy-dark: #081226;\r\n    --chn-cyan: #00A3C4;\r\n    --chn-cyan-light: #38BDF8;\r\n    --chn-dark: #0F172A;\r\n    --chn-light: #F8FAFC;\r\n    --chn-gray: #64748B;\r\n    --chn-border: #E2E8F0;\r\n    --chn-green: #25D366;\r\n    --chn-white: #ffffff;\r\n\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: var(--chn-dark);\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.chnx *,\r\n.chnx *::before,\r\n.chnx *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.chnx a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.chnx img {\r\n    max-width: 100%;\r\n    display: block;\r\n}\r\n\r\n\/* =========================================================\r\n   GENEL YAPILAR & BA\u015eLIKLAR\r\n========================================================= *\/\r\n\r\n.chnx-container {\r\n    width: min(1380px, calc(100% - 80px));\r\n    margin: 0 auto;\r\n}\r\n\r\n.chnx-section {\r\n    width: 100%;\r\n    padding: 100px 0;\r\n}\r\n\r\n.chnx-section-head {\r\n    max-width: 780px;\r\n    margin: 0 auto 60px;\r\n    text-align: center;\r\n}\r\n\r\n.chnx-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 6px 18px;\r\n    background: rgba(0, 163, 196, 0.08);\r\n    border: 1px solid rgba(0, 163, 196, 0.25);\r\n    border-radius: 30px;\r\n    color: var(--chn-cyan);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.chnx-section-head h2 {\r\n    margin: 0 0 20px;\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    line-height: 1.15;\r\n    letter-spacing: -0.5px;\r\n    font-weight: 800;\r\n    color: var(--chn-dark);\r\n    text-transform: uppercase;\r\n}\r\n\r\n.chnx-section-head p {\r\n    margin: 0;\r\n    color: var(--chn-gray);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0130STAT\u0130ST\u0130KLER\r\n========================================================= *\/\r\n\r\n.chnx-stats {\r\n    position: relative;\r\n    z-index: 5;\r\n    background: var(--chn-navy-dark);\r\n    border-top: 1px solid rgba(255,255,255,0.08);\r\n    border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.chnx-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n}\r\n\r\n.chnx-stat {\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    border-right: 1px solid rgba(255,255,255,0.08);\r\n    transition: background 0.3s ease;\r\n}\r\n\r\n.chnx-stat:hover {\r\n    background: rgba(255,255,255,0.02);\r\n}\r\n\r\n.chnx-stat:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.chnx-stat strong {\r\n    display: block;\r\n    color: #fff;\r\n    font-size: 40px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.chnx-stat strong span {\r\n    color: var(--chn-cyan-light);\r\n}\r\n\r\n.chnx-stat p {\r\n    margin: 0;\r\n    color: #94A3B8;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* =========================================================\r\n   \u00dcR\u00dcNLER & MODEL KARTLARI\r\n========================================================= *\/\r\n\r\n.chnx-products {\r\n    background: var(--chn-light);\r\n}\r\n\r\n.chnx-product-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 22px;\r\n}\r\n\r\n.chnx-product {\r\n    min-height: 380px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 16px;\r\n    background: #000;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.chnx-product:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(0, 163, 196, 0.2);\r\n}\r\n\r\n.chnx-product-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-position: center;\r\n    background-size: cover;\r\n    transition: transform 0.7s ease;\r\n}\r\n\r\n.chnx-product:hover .chnx-product-bg {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.chnx-product-bg:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        0deg,\r\n        rgba(11, 37, 69, 0.95) 0%,\r\n        rgba(11, 37, 69, 0.3) 70%,\r\n        rgba(0, 0, 0, 0.1) 100%\r\n    );\r\n}\r\n\r\n.chnx-product-body {\r\n    position: absolute;\r\n    left: 28px;\r\n    right: 28px;\r\n    bottom: 28px;\r\n    z-index: 2;\r\n}\r\n\r\n.chnx-product-number {\r\n    color: var(--chn-cyan-light);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.chnx-product h3 {\r\n    margin: 0 0 8px;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    line-height: 1.25;\r\n    font-weight: 800;\r\n}\r\n\r\n.chnx-product p {\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.78);\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    font-weight: 500;\r\n}\r\n\r\n.chnx-product-arrow {\r\n    position: absolute;\r\n    top: 22px;\r\n    right: 22px;\r\n    z-index: 3;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    border-radius: 50%;\r\n    backdrop-filter: blur(8px);\r\n    transition: all 0.3s ease;\r\n    font-size: 18px;\r\n}\r\n\r\n.chnx-product:hover .chnx-product-arrow {\r\n    background: var(--chn-cyan);\r\n    border-color: var(--chn-cyan);\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\/* G\u00f6rsel Arka Planlar\u0131 *\/\r\n.chnx-bg-1 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-2 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-3 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-4 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-5 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-6 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1604709177225-055f99402ea3?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-7 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=85\"); }\r\n.chnx-bg-8 { background-image:url(\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=900&q=85\"); }\r\n\r\n\/* =========================================================\r\n   H\u0130ZMETLER & HAKKIMIZDA\r\n========================================================= *\/\r\n\r\n.chnx-services {\r\n    background: #fff;\r\n}\r\n\r\n.chnx-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.chnx-service {\r\n    padding: 40px 32px;\r\n    border: 1px solid var(--chn-border);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.chnx-service:hover {\r\n    border-color: var(--chn-cyan);\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 15px 35px rgba(0, 163, 196, 0.12);\r\n}\r\n\r\n.chnx-service-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    color: var(--chn-cyan);\r\n    background: rgba(0, 163, 196, 0.08);\r\n    border-radius: 12px;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n}\r\n\r\n.chnx-service h3 {\r\n    margin: 0 0 12px;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: var(--chn-dark);\r\n}\r\n\r\n.chnx-service p {\r\n    margin: 0;\r\n    color: var(--chn-gray);\r\n    line-height: 1.7;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET & MOB\u0130L UYUM\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n    .chnx-container {\r\n        width: min(100% - 40px, 1380px);\r\n    }\r\n    .chnx-product-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .chnx-services-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .chnx-section {\r\n        padding: 70px 0;\r\n    }\r\n    .chnx-stats-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n    .chnx-stat {\r\n        padding: 25px 15px;\r\n    }\r\n    .chnx-product-grid, .chnx-services-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .chnx-product {\r\n        min-height: 320px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"chnx\">\r\n\r\n    <!-- \u0130STAT\u0130ST\u0130KLER -->\r\n    <section class=\"chnx-stats\">\r\n        <div class=\"chnx-container\">\r\n            <div class=\"chnx-stats-grid\">\r\n                <div class=\"chnx-stat\">\r\n                    <strong>8<span>+<\/span><\/strong>\r\n                    <p>Du\u015fakabin Model Se\u00e7ene\u011fi<\/p>\r\n                <\/div>\r\n                <div class=\"chnx-stat\">\r\n                    <strong>3<span>+<\/span><\/strong>\r\n                    <p>Profil Renk Alternatifi<\/p>\r\n                <\/div>\r\n                <div class=\"chnx-stat\">\r\n                    <strong>4<span>+<\/span><\/strong>\r\n                    <p>Cam Se\u00e7ene\u011fi<\/p>\r\n                <\/div>\r\n                <div class=\"chnx-stat\">\r\n                    <strong>100<span>%<\/span><\/strong>\r\n                    <p>M\u00fc\u015fteri Odakl\u0131 Hizmet<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u00dcR\u00dcNLER & MODELLER -->\r\n    <section class=\"chnx-section chnx-products\" id=\"chn-modeller\">\r\n        <div class=\"chnx-container\">\r\n            <div class=\"chnx-section-head\">\r\n                <div class=\"chnx-kicker\">\u00dcr\u00fcnlerimiz<\/div>\r\n                <h2>Banyonuzun Tarz\u0131na Uygun Modeller<\/h2>\r\n                <p>Farkl\u0131 banyo \u00f6l\u00e7\u00fclerine, kullan\u0131m ihtiya\u00e7lar\u0131na ve dekorasyon anlay\u0131\u015flar\u0131na uygun du\u015fakabin se\u00e7eneklerini ke\u015ffedin.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"chnx-product-grid\">\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-1\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">01 \/ PROF\u0130L<\/div>\r\n                        <h3>Beyaz Profil Du\u015fakabinler<\/h3>\r\n                        <p>Sade, ferah ve modern banyo tasar\u0131mlar\u0131 i\u00e7in beyaz profil se\u00e7enekleri.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-2\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">02 \/ CAM<\/div>\r\n                        <h3>Buzlu ve Desenli Cam<\/h3>\r\n                        <p>Dekoratif g\u00f6r\u00fcn\u00fcm ve mahremiyet isteyenler i\u00e7in farkl\u0131 cam se\u00e7enekleri.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-3\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">03 \/ MODEL<\/div>\r\n                        <h3>Dikd\u00f6rtgen Du\u015fakabinler<\/h3>\r\n                        <p>Farkl\u0131 banyo planlar\u0131na uyum sa\u011flayan kullan\u0131\u015fl\u0131 dikd\u00f6rtgen modeller.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-4\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">04 \/ CAM<\/div>\r\n                        <h3>F\u00fcme Cam Du\u015fakabinler<\/h3>\r\n                        <p>Modern ve sofistike banyo tasar\u0131mlar\u0131 i\u00e7in f\u00fcme cam alternatifleri.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-5\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">05 \/ MODEL<\/div>\r\n                        <h3>Kare Du\u015fakabinler<\/h3>\r\n                        <p>Kompakt banyo alanlar\u0131 i\u00e7in pratik ve d\u00fczenli du\u015f alanlar\u0131.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-6\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">06 \/ PROF\u0130L<\/div>\r\n                        <h3>Krom Parlak Profil<\/h3>\r\n                        <p>Parlak krom g\u00f6r\u00fcn\u00fcm\u00fcyle modern ve \u015f\u0131k banyo tasar\u0131mlar\u0131.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-7\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">07 \/ MODEL<\/div>\r\n                        <h3>\u00d6n Cephe Du\u015fakabinler<\/h3>\r\n                        <p>Du\u015f alan\u0131n\u0131 \u00f6n cepheden \u00e7evreleyen farkl\u0131 tasar\u0131m alternatifleri.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"chnx-product\">\r\n                    <div class=\"chnx-product-bg chnx-bg-8\"><\/div>\r\n                    <div class=\"chnx-product-arrow\">\u2192<\/div>\r\n                    <div class=\"chnx-product-body\">\r\n                        <div class=\"chnx-product-number\">08 \/ PROF\u0130L<\/div>\r\n                        <h3>Siyah Profil Du\u015fakabinler<\/h3>\r\n                        <p>G\u00fc\u00e7l\u00fc ve modern \u00e7izgilere sahip \u00e7a\u011fda\u015f banyo tasar\u0131mlar\u0131.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- H\u0130ZMETLER -->\r\n    <section class=\"chnx-section chnx-services\">\r\n        <div class=\"chnx-container\">\r\n            <div class=\"chnx-section-head\">\r\n                <div class=\"chnx-kicker\">Hizmetlerimiz<\/div>\r\n                <h2>\u0130htiyac\u0131n\u0131za Uygun Du\u015fakabin \u00c7\u00f6z\u00fcmleri<\/h2>\r\n                <p>Banyo alan\u0131n\u0131z\u0131n \u00f6zelliklerine ve tercihlerinize g\u00f6re farkl\u0131 \u00fcr\u00fcn ve tasar\u0131m alternatiflerini de\u011ferlendirebilirsiniz.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"chnx-services-grid\">\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u25c8<\/div>\r\n                    <h3>Du\u015fakabin Modelleri<\/h3>\r\n                    <p>Kare, dikd\u00f6rtgen ve \u00f6n cephe gibi farkl\u0131 kullan\u0131m alanlar\u0131na uygun du\u015fakabin modelleri.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u25c7<\/div>\r\n                    <h3>Cam Se\u00e7enekleri<\/h3>\r\n                    <p>Banyo dekorasyonunuza g\u00f6re buzlu, desenli, f\u00fcme ve farkl\u0131 cam alternatifleri.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u25a3<\/div>\r\n                    <h3>Profil Se\u00e7enekleri<\/h3>\r\n                    <p>Beyaz, siyah ve parlak krom profil alternatifleriyle farkl\u0131 tasar\u0131m se\u00e7enekleri.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u2302<\/div>\r\n                    <h3>Banyo Uyumlu Tasar\u0131m<\/h3>\r\n                    <p>Banyonuzun genel dekorasyonu ve kullan\u0131m alan\u0131na uygun \u00fcr\u00fcn alternatifleri.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u2713<\/div>\r\n                    <h3>\u00dcr\u00fcn Se\u00e7im Deste\u011fi<\/h3>\r\n                    <p>\u0130htiya\u00e7lar\u0131n\u0131za uygun model, cam ve profil se\u00e7eneklerini de\u011ferlendirmenize yard\u0131mc\u0131 oluyoruz.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"chnx-service\">\r\n                    <div class=\"chnx-service-icon\">\u2726<\/div>\r\n                    <h3>Modern \u00c7\u00f6z\u00fcmler<\/h3>\r\n                    <p>G\u00fcncel banyo dekorasyonlar\u0131na uyum sa\u011flayan sade, \u015f\u0131k ve modern tasar\u0131mlar.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n<!-- CHN AL\u00dcM\u0130NYUM MODERN LANDING PAGE SECTIONS END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b12989c e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"b12989c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9dec0 elementor-widget elementor-widget-html\" data-id=\"7f9dec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CHN AL\u00dcM\u0130NYUM - FULL WIDTH HERO SLIDER\r\n========================================================= *\/\r\n\r\n.chn-slider {\r\n    --gold:#b8925b;\r\n    --gold-light:#d3b27b;\r\n    --black:#090b0d;\r\n    --white:#fff;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    height:780px;\r\n    overflow:hidden;\r\n    background:#090b0d;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.chn-slider * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.chn-slider a {\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDES\r\n========================================================= *\/\r\n\r\n.chn-slide {\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:scale(1.04);\r\n    transition:\r\n        opacity .8s ease,\r\n        transform 6s ease,\r\n        visibility .8s ease;\r\n}\r\n\r\n.chn-slide.active {\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:scale(1);\r\n    z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.chn-slide-bg {\r\n    position:absolute;\r\n    inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n.chn-slide-bg:after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,7,9,.94) 0%,\r\n            rgba(5,7,9,.80) 38%,\r\n            rgba(5,7,9,.45) 68%,\r\n            rgba(5,7,9,.18) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE 1\r\n========================================================= *\/\r\n\r\n.chn-slide-1 .chn-slide-bg {\r\n    background-image:\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE 2\r\n========================================================= *\/\r\n\r\n.chn-slide-2 .chn-slide-bg {\r\n    background-image:\r\n        url(\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=2200&q=90\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE 3\r\n========================================================= *\/\r\n\r\n.chn-slide-3 .chn-slide-bg {\r\n    background-image:\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.chn-slider-container {\r\n    position:relative;\r\n    z-index:4;\r\n\r\n    width:min(1380px, calc(100% - 80px));\r\n    height:100%;\r\n    margin:0 auto;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.chn-slide-content {\r\n    max-width:800px;\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n========================================================= *\/\r\n\r\n.chn-slide-kicker {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:13px;\r\n\r\n    margin-bottom:22px;\r\n\r\n    color:var(--gold-light);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.chn-slide-kicker:before {\r\n    content:\"\";\r\n    width:45px;\r\n    height:1px;\r\n    background:var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.chn-slide h1 {\r\n    max-width:800px;\r\n\r\n    margin:0 0 25px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(42px, 6vw, 76px);\r\n    line-height:1.02;\r\n    letter-spacing:-3px;\r\n    font-weight:700;\r\n}\r\n\r\n.chn-slide h1 span {\r\n    color:var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.chn-slide-description {\r\n    max-width:650px;\r\n\r\n    margin:0 0 34px;\r\n\r\n    color:rgba(255,255,255,.76);\r\n\r\n    font-size:18px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.chn-slide-buttons {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:13px;\r\n}\r\n\r\n.chn-slide-btn {\r\n    min-height:54px;\r\n\r\n    padding:0 27px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:3px;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.chn-slide-btn-gold {\r\n    background:var(--gold);\r\n    color:#fff !important;\r\n}\r\n\r\n.chn-slide-btn-gold:hover {\r\n    background:var(--gold-light);\r\n    color:#111 !important;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.chn-slide-btn-outline {\r\n    border:1px solid rgba(255,255,255,.45);\r\n    background:rgba(255,255,255,.04);\r\n    color:#fff !important;\r\n}\r\n\r\n.chn-slide-btn-outline:hover {\r\n    background:#fff;\r\n    border-color:#fff;\r\n    color:#111 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT B\u0130LG\u0130LER\r\n========================================================= *\/\r\n\r\n.chn-slide-features {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:25px;\r\n\r\n    margin-top:42px;\r\n    padding-top:23px;\r\n\r\n    border-top:1px solid rgba(255,255,255,.15);\r\n}\r\n\r\n.chn-slide-feature {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:12px;\r\n}\r\n\r\n.chn-slide-feature-icon {\r\n    width:24px;\r\n    height:24px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:1px solid rgba(211,178,123,.6);\r\n    border-radius:50%;\r\n\r\n    color:var(--gold-light);\r\n\r\n    font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARA\r\n========================================================= *\/\r\n\r\n.chn-slide-number {\r\n    position:absolute;\r\n\r\n    right:70px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    z-index:4;\r\n\r\n    color:rgba(255,255,255,.18);\r\n\r\n    font-size:160px;\r\n    line-height:1;\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION ARROWS\r\n========================================================= *\/\r\n\r\n.chn-slider-arrow {\r\n    position:absolute;\r\n\r\n    top:50%;\r\n    z-index:10;\r\n\r\n    width:52px;\r\n    height:52px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    border:1px solid rgba(255,255,255,.3);\r\n    border-radius:50%;\r\n\r\n    background:rgba(0,0,0,.18);\r\n\r\n    color:#fff;\r\n\r\n    font-size:22px;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.chn-slider-arrow:hover {\r\n    background:var(--gold);\r\n    border-color:var(--gold);\r\n}\r\n\r\n.chn-slider-prev {\r\n    left:28px;\r\n}\r\n\r\n.chn-slider-next {\r\n    right:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.chn-slider-dots {\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:35px;\r\n\r\n    z-index:10;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n}\r\n\r\n.chn-slider-dot {\r\n    width:28px;\r\n    height:3px;\r\n\r\n    padding:0;\r\n\r\n    border:0;\r\n\r\n    background:rgba(255,255,255,.3);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.chn-slider-dot.active {\r\n    width:55px;\r\n    background:var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS BAR\r\n========================================================= *\/\r\n\r\n.chn-slider-progress {\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:0;\r\n\r\n    z-index:20;\r\n\r\n    width:100%;\r\n    height:3px;\r\n\r\n    background:rgba(255,255,255,.1);\r\n}\r\n\r\n.chn-slider-progress-bar {\r\n    width:0;\r\n    height:100%;\r\n\r\n    background:var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:767px) {\r\n\r\n    .chn-slider {\r\n        height:720px;\r\n    }\r\n\r\n    .chn-slider-container {\r\n        width:calc(100% - 36px);\r\n    }\r\n\r\n    .chn-slide-bg {\r\n        background-position:62% center;\r\n    }\r\n\r\n    .chn-slide-bg:after {\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(5,7,9,.93),\r\n                rgba(5,7,9,.62)\r\n            );\r\n    }\r\n\r\n    .chn-slide h1 {\r\n        font-size:43px;\r\n        line-height:1.04;\r\n        letter-spacing:-1.7px;\r\n    }\r\n\r\n    .chn-slide-description {\r\n        font-size:15px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .chn-slide-buttons {\r\n        flex-direction:column;\r\n    }\r\n\r\n    .chn-slide-btn {\r\n        width:100%;\r\n    }\r\n\r\n    .chn-slide-features {\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n\r\n        gap:13px;\r\n\r\n        margin-top:30px;\r\n    }\r\n\r\n    .chn-slide-feature {\r\n        font-size:10px;\r\n    }\r\n\r\n    .chn-slide-feature-icon {\r\n        width:22px;\r\n        height:22px;\r\n        flex-basis:22px;\r\n    }\r\n\r\n    .chn-slide-number {\r\n        display:none;\r\n    }\r\n\r\n    .chn-slider-arrow {\r\n        width:40px;\r\n        height:40px;\r\n\r\n        font-size:17px;\r\n\r\n        top:auto;\r\n        bottom:27px;\r\n\r\n        transform:none;\r\n    }\r\n\r\n    .chn-slider-prev {\r\n        left:18px;\r\n    }\r\n\r\n    .chn-slider-next {\r\n        right:18px;\r\n    }\r\n\r\n    .chn-slider-dots {\r\n        bottom:44px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:420px) {\r\n\r\n    .chn-slider {\r\n        height:700px;\r\n    }\r\n\r\n    .chn-slide h1 {\r\n        font-size:37px;\r\n    }\r\n\r\n    .chn-slide-kicker {\r\n        font-size:10px;\r\n        letter-spacing:2px;\r\n    }\r\n\r\n    .chn-slide-features {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"chn-slider\" id=\"chnHeroSlider\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 1\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-slide chn-slide-1 active\">\r\n\r\n        <div class=\"chn-slide-bg\"><\/div>\r\n\r\n        <div class=\"chn-slider-container\">\r\n\r\n            <div class=\"chn-slide-content\">\r\n\r\n                <div class=\"chn-slide-kicker\">\r\n                    CHN AL\u00dcM\u0130NYUM\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Banyonuz \u0130\u00e7in\r\n                    <span>Modern<\/span>\r\n                    Du\u015fakabinler\r\n                <\/h1>\r\n\r\n                <p class=\"chn-slide-description\">\r\n\r\n                    Modern tasar\u0131m anlay\u0131\u015f\u0131, farkl\u0131 cam se\u00e7enekleri\r\n                    ve profil alternatifleriyle banyonuz i\u00e7in\r\n                    estetik ve kullan\u0131\u015fl\u0131 \u00e7\u00f6z\u00fcmler.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"chn-slide-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-slide-btn chnx-slide-btn-gold chn-slide-btn-gold\">\r\n                        Modelleri \u0130ncele \u2192\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-slide-btn chn-slide-btn-outline\">\r\n                        Teklif Al\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"chn-slide-features\">\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Modern Tasar\u0131mlar\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Farkl\u0131 Cam Se\u00e7enekleri\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Farkl\u0131 Profil Alternatifleri\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-slide-number\">\r\n            01\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 2\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-slide chn-slide-2\">\r\n\r\n        <div class=\"chn-slide-bg\"><\/div>\r\n\r\n        <div class=\"chn-slider-container\">\r\n\r\n            <div class=\"chn-slide-content\">\r\n\r\n                <div class=\"chn-slide-kicker\">\r\n                    CAM SE\u00c7ENEKLER\u0130\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Banyonuzun\r\n                    <span>Tarz\u0131n\u0131<\/span>\r\n                    Yans\u0131t\u0131n\r\n                <\/h1>\r\n\r\n                <p class=\"chn-slide-description\">\r\n\r\n                    Buzlu, desenli ve f\u00fcme cam se\u00e7enekleriyle\r\n                    banyonuzun dekorasyonuna uygun modern\r\n                    du\u015fakabin \u00e7\u00f6z\u00fcmlerini ke\u015ffedin.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"chn-slide-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-slide-btn chn-slide-btn-gold\">\r\n                        Cam Se\u00e7eneklerini G\u00f6r \u2192\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-slide-btn chn-slide-btn-outline\">\r\n                        Bilgi Al\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"chn-slide-features\">\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Buzlu Cam\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Desenli Cam\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        F\u00fcme Cam\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-slide-number\">\r\n            02\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDE 3\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-slide chn-slide-3\">\r\n\r\n        <div class=\"chn-slide-bg\"><\/div>\r\n\r\n        <div class=\"chn-slider-container\">\r\n\r\n            <div class=\"chn-slide-content\">\r\n\r\n                <div class=\"chn-slide-kicker\">\r\n                    PROF\u0130L SE\u00c7ENEKLER\u0130\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Detaylarda\r\n                    <span>\u015e\u0131kl\u0131k<\/span>\r\n                    ve Uyum\r\n                <\/h1>\r\n\r\n                <p class=\"chn-slide-description\">\r\n\r\n                    Beyaz, siyah ve parlak krom profil se\u00e7enekleriyle\r\n                    banyonuzun tasar\u0131m\u0131na uygun g\u00f6r\u00fcn\u00fcm\u00fc olu\u015fturun.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"chn-slide-buttons\">\r\n\r\n                    <a href=\"#chn-modeller\"\r\n                       class=\"chn-slide-btn chn-slide-btn-gold\">\r\n                        Profil Se\u00e7eneklerini G\u00f6r \u2192\r\n                    <\/a>\r\n\r\n                    <a href=\"#chn-iletisim\"\r\n                       class=\"chn-slide-btn chn-slide-btn-outline\">\r\n                        Teklif Al\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"chn-slide-features\">\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Beyaz Profil\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Siyah Profil\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"chn-slide-feature\">\r\n\r\n                        <div class=\"chn-slide-feature-icon\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        Parlak Krom\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"chn-slide-number\">\r\n            03\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         OKLAR\r\n    ====================================================== -->\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"chn-slider-arrow chn-slider-prev\"\r\n        aria-label=\"\u00d6nceki slide\">\r\n        \u2190\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"chn-slider-arrow chn-slider-next\"\r\n        aria-label=\"Sonraki slide\">\r\n        \u2192\r\n    <\/button>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         DOTS\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-slider-dots\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-slider-dot active\"\r\n            data-slide=\"0\"\r\n            aria-label=\"1. slide\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-slider-dot\"\r\n            data-slide=\"1\"\r\n            aria-label=\"2. slide\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"chn-slider-dot\"\r\n            data-slide=\"2\"\r\n            aria-label=\"3. slide\">\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         PROGRESS\r\n    ====================================================== -->\r\n\r\n    <div class=\"chn-slider-progress\">\r\n\r\n        <div class=\"chn-slider-progress-bar\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n    const slider = document.getElementById(\"chnHeroSlider\");\r\n\r\n    if (!slider) return;\r\n\r\n    const slides = slider.querySelectorAll(\".chn-slide\");\r\n    const dots = slider.querySelectorAll(\".chn-slider-dot\");\r\n    const prev = slider.querySelector(\".chn-slider-prev\");\r\n    const next = slider.querySelector(\".chn-slider-next\");\r\n    const progress = slider.querySelector(\".chn-slider-progress-bar\");\r\n\r\n    let current = 0;\r\n    let timer;\r\n\r\n    const duration = 6000;\r\n\r\n\r\n    function showSlide(index) {\r\n\r\n        current = (index + slides.length) % slides.length;\r\n\r\n        slides.forEach((slide, i) => {\r\n\r\n            slide.classList.toggle(\r\n                \"active\",\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n\r\n        dots.forEach((dot, i) => {\r\n\r\n            dot.classList.toggle(\r\n                \"active\",\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n\r\n        resetProgress();\r\n\r\n    }\r\n\r\n\r\n    function resetProgress() {\r\n\r\n        progress.style.transition = \"none\";\r\n        progress.style.width = \"0%\";\r\n\r\n        requestAnimationFrame(() => {\r\n\r\n            requestAnimationFrame(() => {\r\n\r\n                progress.style.transition =\r\n                    \"width \" + duration + \"ms linear\";\r\n\r\n                progress.style.width = \"100%\";\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    function startSlider() {\r\n\r\n        clearInterval(timer);\r\n\r\n        timer = setInterval(() => {\r\n\r\n            showSlide(current + 1);\r\n\r\n        }, duration);\r\n\r\n    }\r\n\r\n\r\n    next.addEventListener(\"click\", function() {\r\n\r\n        showSlide(current + 1);\r\n\r\n        startSlider();\r\n\r\n    });\r\n\r\n\r\n    prev.addEventListener(\"click\", function() {\r\n\r\n        showSlide(current - 1);\r\n\r\n        startSlider();\r\n\r\n    });\r\n\r\n\r\n    dots.forEach((dot) => {\r\n\r\n        dot.addEventListener(\"click\", function() {\r\n\r\n            showSlide(\r\n                parseInt(this.dataset.slide)\r\n            );\r\n\r\n            startSlider();\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* TOUCH \/ SWIPE *\/\r\n\r\n    let startX = 0;\r\n    let endX = 0;\r\n\r\n\r\n    slider.addEventListener(\r\n        \"touchstart\",\r\n        function(e) {\r\n\r\n            startX = e.touches[0].clientX;\r\n\r\n        },\r\n        { passive:true }\r\n    );\r\n\r\n\r\n    slider.addEventListener(\r\n        \"touchend\",\r\n        function(e) {\r\n\r\n            endX = e.changedTouches[0].clientX;\r\n\r\n            const distance = endX - startX;\r\n\r\n            if (Math.abs(distance) > 50) {\r\n\r\n                if (distance < 0) {\r\n\r\n                    showSlide(current + 1);\r\n\r\n                } else {\r\n\r\n                    showSlide(current - 1);\r\n\r\n                }\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n        },\r\n        { passive:true }\r\n    );\r\n\r\n\r\n    \/* MOUSE HOVER *\/\r\n\r\n    slider.addEventListener(\"mouseenter\", function() {\r\n\r\n        clearInterval(timer);\r\n\r\n    });\r\n\r\n\r\n    slider.addEventListener(\"mouseleave\", function() {\r\n\r\n        startSlider();\r\n\r\n    });\r\n\r\n\r\n    \/* KLAVYE *\/\r\n\r\n    document.addEventListener(\"keydown\", function(e) {\r\n\r\n        if (e.key === \"ArrowRight\") {\r\n\r\n            showSlide(current + 1);\r\n\r\n            startSlider();\r\n\r\n        }\r\n\r\n        if (e.key === \"ArrowLeft\") {\r\n\r\n            showSlide(current - 1);\r\n\r\n            startSlider();\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    showSlide(0);\r\n    startSlider();\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1af40af e-con-full e-flex e-con e-parent\" data-id=\"1af40af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f16db33 elementor-widget elementor-widget-html\" data-id=\"f16db33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CHN AL\u00dcM\u0130NYUM\r\n   FULL WIDTH - RESPONSIVE - ELEMENTOR HTML\r\n========================================================= *\/\r\n\r\n.chnx {\r\n    --black:#0b0d0f;\r\n    --dark:#111417;\r\n    --dark2:#181c20;\r\n    --gold:#b8925b;\r\n    --gold2:#d0ad77;\r\n    --white:#ffffff;\r\n    --light:#f6f6f4;\r\n    --gray:#73777c;\r\n    --gray2:#a7abb0;\r\n    --border:#e5e5e3;\r\n    --green:#25D366;\r\n\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color:var(--dark);\r\n    width:100%;\r\n    max-width:100%;\r\n    overflow:hidden;\r\n    background:#fff;\r\n}\r\n\r\n.chnx *,\r\n.chnx *::before,\r\n.chnx *::after {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.chnx a {\r\n    text-decoration:none !important;\r\n}\r\n\r\n.chnx img {\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GENEL\r\n========================================================= *\/\r\n\r\n.chnx-container {\r\n    width:min(1380px, calc(100% - 80px));\r\n    margin:0 auto;\r\n}\r\n\r\n.chnx-section {\r\n    width:100%;\r\n    padding:110px 0;\r\n}\r\n\r\n.chnx-section-head {\r\n    max-width:760px;\r\n    margin:0 auto 60px;\r\n    text-align:center;\r\n}\r\n\r\n.chnx-kicker {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:var(--gold);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:2.5px;\r\n    text-transform:uppercase;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.chnx-kicker:before,\r\n.chnx-kicker:after {\r\n    content:\"\";\r\n    width:28px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}\r\n\r\n.chnx-section-head h2 {\r\n    margin:0 0 20px;\r\n    font-size:clamp(32px,4vw,52px);\r\n    line-height:1.08;\r\n    letter-spacing:-1.5px;\r\n    color:var(--dark);\r\n}\r\n\r\n.chnx-section-head p {\r\n    margin:0;\r\n    color:var(--gray);\r\n    font-size:17px;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTONLAR\r\n========================================================= *\/\r\n\r\n.chnx-buttons {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:14px;\r\n}\r\n\r\n.chnx-btn {\r\n    min-height:54px;\r\n    padding:0 27px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    border-radius:3px;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:.2px;\r\n    transition:all .3s ease;\r\n}\r\n\r\n.chnx-btn-gold {\r\n    color:#fff !important;\r\n    background:var(--gold);\r\n}\r\n\r\n.chnx-btn-gold:hover {\r\n    color:#fff !important;\r\n    background:#9c773f;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.chnx-btn-dark {\r\n    color:#fff !important;\r\n    background:var(--dark);\r\n}\r\n\r\n.chnx-btn-dark:hover {\r\n    color:#fff !important;\r\n    background:#000;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.chnx-btn-outline {\r\n    color:#fff !important;\r\n    border:1px solid rgba(255,255,255,.4);\r\n    background:rgba(255,255,255,.04);\r\n}\r\n\r\n.chnx-btn-outline:hover {\r\n    color:#111 !important;\r\n    background:#fff;\r\n    border-color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.chnx-hero {\r\n    min-height:760px;\r\n    width:100%;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,7,9,.96) 0%,\r\n            rgba(5,7,9,.82) 42%,\r\n            rgba(5,7,9,.38) 75%,\r\n            rgba(5,7,9,.2) 100%\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover no-repeat;\r\n}\r\n\r\n.chnx-hero:after {\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    height:100px;\r\n    background:linear-gradient(transparent,#0b0d0f);\r\n}\r\n\r\n.chnx-hero-content {\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1380px, calc(100% - 80px));\r\n    margin:0 auto;\r\n}\r\n\r\n.chnx-hero-text {\r\n    max-width:760px;\r\n}\r\n\r\n.chnx-hero-label {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-bottom:25px;\r\n    color:var(--gold2);\r\n    font-size:13px;\r\n    font-weight:800;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.chnx-hero-label span {\r\n    width:42px;\r\n    height:1px;\r\n    background:var(--gold2);\r\n}\r\n\r\n.chnx-hero h1 {\r\n    margin:0 0 28px;\r\n    color:#fff;\r\n    font-size:clamp(42px,6vw,78px);\r\n    line-height:1.02;\r\n    letter-spacing:-3px;\r\n    font-weight:700;\r\n}\r\n\r\n.chnx-hero h1 strong {\r\n    color:var(--gold2);\r\n    font-weight:700;\r\n}\r\n\r\n.chnx-hero-description {\r\n    max-width:650px;\r\n    margin:0 0 36px;\r\n    color:rgba(255,255,255,.78);\r\n    font-size:18px;\r\n    line-height:1.8;\r\n}\r\n\r\n.chnx-hero-info {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:35px;\r\n    margin-top:55px;\r\n    padding-top:25px;\r\n    border-top:1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.chnx-hero-info-item {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:rgba(255,255,255,.8);\r\n    font-size:13px;\r\n}\r\n\r\n.chnx-check {\r\n    width:28px;\r\n    height:28px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid rgba(208,173,119,.6);\r\n    border-radius:50%;\r\n    color:var(--gold2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130STAT\u0130ST\u0130K\r\n========================================================= *\/\r\n\r\n.chnx-stats {\r\n    position:relative;\r\n    z-index:5;\r\n    margin-top:-1px;\r\n    background:var(--black);\r\n    border-top:1px solid rgba(255,255,255,.08);\r\n    border-bottom:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.chnx-stats-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n}\r\n\r\n.chnx-stat {\r\n    padding:34px 30px;\r\n    text-align:center;\r\n    border-right:1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.chnx-stat:last-child {\r\n    border-right:0;\r\n}\r\n\r\n.chnx-stat strong {\r\n    display:block;\r\n    color:#fff;\r\n    font-size:34px;\r\n    line-height:1;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.chnx-stat strong span {\r\n    color:var(--gold2);\r\n}\r\n\r\n.chnx-stat p {\r\n    margin:0;\r\n    color:#888e94;\r\n    font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u00dcR\u00dcNLER\r\n========================================================= *\/\r\n\r\n.chnx-products {\r\n    background:var(--light);\r\n}\r\n\r\n.chnx-product-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:18px;\r\n}\r\n\r\n.chnx-product {\r\n    min-height:350px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:5px;\r\n    background:#222;\r\n    transition:all .35s ease;\r\n}\r\n\r\n.chnx-product:hover {\r\n    transform:translateY(-7px);\r\n    box-shadow:0 20px 50px rgba(0,0,0,.13);\r\n}\r\n\r\n.chnx-product-bg {\r\n    position:absolute;\r\n    inset:0;\r\n    background-position:center;\r\n    background-size:cover;\r\n    transition:transform .6s ease;\r\n}\r\n\r\n.chnx-product:hover .chnx-product-bg {\r\n    transform:scale(1.07);\r\n}\r\n\r\n.chnx-product-bg:after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(0,0,0,.9) 0%,\r\n            rgba(0,0,0,.2) 75%\r\n        );\r\n}\r\n\r\n.chnx-product-body {\r\n    position:absolute;\r\n    left:25px;\r\n    right:25px;\r\n    bottom:25px;\r\n    z-index:2;\r\n}\r\n\r\n.chnx-product-number {\r\n    color:var(--gold2);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.chnx-product h3 {\r\n    margin:0 0 10px;\r\n    color:#fff;\r\n    font-size:21px;\r\n    line-height:1.2;\r\n}\r\n\r\n.chnx-product p {\r\n    margin:0;\r\n    color:rgba(255,255,255,.68);\r\n    font-size:13px;\r\n    line-height:1.5;\r\n}\r\n\r\n.chnx-product-arrow {\r\n    position:absolute;\r\n    top:22px;\r\n    right:22px;\r\n    z-index:3;\r\n    width:40px;\r\n    height:40px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:#fff;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    border-radius:50%;\r\n    transition:.3s;\r\n}\r\n\r\n.chnx-product:hover .chnx-product-arrow {\r\n    background:var(--gold);\r\n    border-color:var(--gold);\r\n}\r\n\r\n\/* \u00fcr\u00fcn g\u00f6rselleri *\/\r\n\r\n.chnx-bg-1 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Beyaz-Profil-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-2 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Buzlu-ve-Desenli-Cam-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-3 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Dikdortgen-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-4 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Fume-Cam-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-5 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Kare-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-6 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Krom-Parlak-Profil-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-7 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/On-Cephe-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n.chnx-bg-8 {\r\n    background-image:url(\"https:\/\/www.alfaserver.com.tr\/chn\/wp-content\/uploads\/2026\/10\/Siyah-Profil-Dusakabinler.png?auto=format&fit=crop&w=900&q=85\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   H\u0130ZMETLER \/ \u00d6ZELL\u0130KLER\r\n========================================================= *\/\r\n\r\n.chnx-services {\r\n    background:#fff;\r\n}\r\n\r\n.chnx-services-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:25px;\r\n}\r\n\r\n.chnx-service {\r\n    padding:38px 34px;\r\n    border:1px solid var(--border);\r\n    background:#fff;\r\n    transition:.3s ease;\r\n}\r\n\r\n.chnx-service:hover {\r\n    border-color:var(--gold);\r\n    transform:translateY(-5px);\r\n    box-shadow:0 15px 45px rgba(0,0,0,.07);\r\n}\r\n\r\n.chnx-service-icon {\r\n    width:55px;\r\n    height:55px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin-bottom:25px;\r\n    color:var(--gold);\r\n    background:#f7f2eb;\r\n    font-size:22px;\r\n}\r\n\r\n.chnx-service h3 {\r\n    margin:0 0 13px;\r\n    font-size:20px;\r\n}\r\n\r\n.chnx-service p {\r\n    margin:0;\r\n    color:var(--gray);\r\n    line-height:1.7;\r\n    font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HAKKIMIZDA\r\n========================================================= *\/\r\n\r\n.chnx-about {\r\n    background:#f3f3f1;\r\n}\r\n\r\n.chnx-about-grid {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:90px;\r\n    align-items:center;\r\n}\r\n\r\n.chnx-about-image {\r\n    min-height:620px;\r\n    position:relative;\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(0,0,0,.05),\r\n            rgba(0,0,0,.15)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600566753051-f0b89df2dd90?auto=format&fit=crop&w=1200&q=90\")\r\n        center\/cover;\r\n}\r\n\r\n.chnx-about-badge {\r\n    position:absolute;\r\n    right:-35px;\r\n    bottom:35px;\r\n    width:190px;\r\n    padding:28px 20px;\r\n    background:var(--gold);\r\n    color:#fff;\r\n    text-align:center;\r\n}\r\n\r\n.chnx-about-badge strong {\r\n    display:block;\r\n    font-size:36px;\r\n    line-height:1;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.chnx-about-badge span {\r\n    font-size:12px;\r\n    line-height:1.4;\r\n}\r\n\r\n.chnx-about-content .chnx-kicker {\r\n    margin-bottom:18px;\r\n}\r\n\r\n.chnx-about-content h2 {\r\n    margin:0 0 25px;\r\n    font-size:clamp(32px,4vw,50px);\r\n    line-height:1.1;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.chnx-about-content > p {\r\n    color:var(--gray);\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    margin:0 0 25px;\r\n}\r\n\r\n.chnx-about-list {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n    margin:30px 0 35px;\r\n}\r\n\r\n.chnx-about-list-item {\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n}\r\n\r\n.chnx-about-list-item .icon {\r\n    width:22px;\r\n    height:22px;\r\n    flex:0 0 22px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border-radius:50%;\r\n    color:#fff;\r\n    background:var(--gold);\r\n    font-size:11px;\r\n}\r\n\r\n.chnx-about-list-item span {\r\n    color:#45494d;\r\n    font-size:14px;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   S\u00dcRE\u00c7\r\n========================================================= *\/\r\n\r\n.chnx-process {\r\n    background:#fff;\r\n}\r\n\r\n.chnx-process-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    position:relative;\r\n}\r\n\r\n.chnx-process-grid:before {\r\n    content:\"\";\r\n    position:absolute;\r\n    top:35px;\r\n    left:12%;\r\n    right:12%;\r\n    height:1px;\r\n    background:#ddd;\r\n}\r\n\r\n.chnx-process-item {\r\n    position:relative;\r\n    z-index:2;\r\n    padding:0 25px;\r\n    text-align:center;\r\n}\r\n\r\n.chnx-process-number {\r\n    width:70px;\r\n    height:70px;\r\n    margin:0 auto 25px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:#fff;\r\n    border:1px solid var(--gold);\r\n    color:var(--gold);\r\n    border-radius:50%;\r\n    font-size:19px;\r\n    font-weight:800;\r\n}\r\n\r\n.chnx-process-item h3 {\r\n    margin:0 0 12px;\r\n    font-size:18px;\r\n}\r\n\r\n.chnx-process-item p {\r\n    margin:0;\r\n    color:var(--gray);\r\n    font-size:14px;\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAM \/ PROF\u0130L SE\u00c7ENEKLER\u0130\r\n========================================================= *\/\r\n\r\n.chnx-options {\r\n    background:var(--dark);\r\n    color:#fff;\r\n}\r\n\r\n.chnx-options .chnx-section-head h2 {\r\n    color:#fff;\r\n}\r\n\r\n.chnx-options .chnx-section-head p {\r\n    color:#92979c;\r\n}\r\n\r\n.chnx-options-grid {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:25px;\r\n}\r\n\r\n.chnx-option {\r\n    min-height:300px;\r\n    position:relative;\r\n    padding:40px;\r\n    overflow:hidden;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n    border:1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.chnx-option-bg {\r\n    position:absolute;\r\n    inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n    opacity:.45;\r\n    transition:.5s;\r\n}\r\n\r\n.chnx-option:hover .chnx-option-bg {\r\n    transform:scale(1.05);\r\n    opacity:.6;\r\n}\r\n\r\n.chnx-option:after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(0deg,#080a0c,transparent);\r\n}\r\n\r\n.chnx-option-content {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.chnx-option-content small {\r\n    color:var(--gold2);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.chnx-option-content h3 {\r\n    margin:10px 0;\r\n    color:#fff;\r\n    font-size:27px;\r\n}\r\n\r\n.chnx-option-content p {\r\n    max-width:500px;\r\n    margin:0;\r\n    color:#aaa;\r\n    font-size:14px;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEO \u0130\u00c7ER\u0130K\r\n========================================================= *\/\r\n\r\n.chnx-seo {\r\n    background:#fff;\r\n}\r\n\r\n.chnx-seo-grid {\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n    gap:70px;\r\n    align-items:start;\r\n}\r\n\r\n.chnx-seo h2 {\r\n    margin:0 0 22px;\r\n    font-size:32px;\r\n    line-height:1.2;\r\n}\r\n\r\n.chnx-seo h3 {\r\n    margin:30px 0 12px;\r\n    font-size:20px;\r\n}\r\n\r\n.chnx-seo p {\r\n    margin:0 0 17px;\r\n    color:var(--gray);\r\n    font-size:15px;\r\n    line-height:1.85;\r\n}\r\n\r\n.chnx-seo-box {\r\n    padding:40px;\r\n    background:var(--light);\r\n    border-left:3px solid var(--gold);\r\n}\r\n\r\n.chnx-seo-box h3 {\r\n    margin-top:0;\r\n}\r\n\r\n.chnx-seo-box ul {\r\n    padding:0;\r\n    margin:0;\r\n    list-style:none;\r\n}\r\n\r\n.chnx-seo-box li {\r\n    padding:12px 0;\r\n    border-bottom:1px solid #ddd;\r\n    color:#555;\r\n    font-size:14px;\r\n}\r\n\r\n.chnx-seo-box li:last-child {\r\n    border-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SSS\r\n========================================================= *\/\r\n\r\n.chnx-faq {\r\n    background:#f5f5f3;\r\n}\r\n\r\n.chnx-faq-grid {\r\n    max-width:900px;\r\n    margin:0 auto;\r\n}\r\n\r\n.chnx-faq details {\r\n    background:#fff;\r\n    border:1px solid #e4e4e2;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.chnx-faq summary {\r\n    position:relative;\r\n    cursor:pointer;\r\n    padding:23px 55px 23px 25px;\r\n    color:#17191b;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    list-style:none;\r\n}\r\n\r\n.chnx-faq summary::-webkit-details-marker {\r\n    display:none;\r\n}\r\n\r\n.chnx-faq summary:after {\r\n    content:\"+\";\r\n    position:absolute;\r\n    right:25px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    color:var(--gold);\r\n    font-size:25px;\r\n    font-weight:300;\r\n}\r\n\r\n.chnx-faq details[open] summary:after {\r\n    content:\"\u2212\";\r\n}\r\n\r\n.chnx-faq details p {\r\n    margin:0;\r\n    padding:0 25px 25px;\r\n    color:var(--gray);\r\n    font-size:14px;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.chnx-cta {\r\n    position:relative;\r\n    padding:100px 0;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(8,10,12,.96),\r\n            rgba(8,10,12,.72)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2000&q=90\")\r\n        center\/cover;\r\n}\r\n\r\n.chnx-cta-inner {\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:50px;\r\n}\r\n\r\n.chnx-cta-content {\r\n    max-width:750px;\r\n}\r\n\r\n.chnx-cta-content .chnx-kicker {\r\n    margin-bottom:15px;\r\n}\r\n\r\n.chnx-cta h2 {\r\n    margin:0 0 18px;\r\n    color:#fff;\r\n    font-size:clamp(32px,4vw,52px);\r\n    line-height:1.08;\r\n}\r\n\r\n.chnx-cta p {\r\n    margin:0;\r\n    color:#a9adb1;\r\n    font-size:16px;\r\n    line-height:1.7;\r\n}\r\n\r\n.chnx-cta-buttons {\r\n    flex:0 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130LET\u0130\u015e\u0130M\r\n========================================================= *\/\r\n\r\n.chnx-contact {\r\n    background:#fff;\r\n}\r\n\r\n.chnx-contact-grid {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n}\r\n\r\n.chnx-contact-info h2 {\r\n    margin:0 0 20px;\r\n    font-size:40px;\r\n}\r\n\r\n.chnx-contact-info > p {\r\n    color:var(--gray);\r\n    line-height:1.8;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.chnx-contact-items {\r\n    display:grid;\r\n    gap:15px;\r\n}\r\n\r\n.chnx-contact-item {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    padding:20px;\r\n    background:#f7f7f5;\r\n}\r\n\r\n.chnx-contact-icon {\r\n    width:45px;\r\n    height:45px;\r\n    flex:0 0 45px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:#fff;\r\n    background:var(--gold);\r\n    font-size:18px;\r\n}\r\n\r\n.chnx-contact-item strong {\r\n    display:block;\r\n    margin-bottom:4px;\r\n    font-size:13px;\r\n}\r\n\r\n.chnx-contact-item span {\r\n    color:var(--gray);\r\n    font-size:14px;\r\n}\r\n\r\n.chnx-contact-box {\r\n    padding:40px;\r\n    background:var(--dark);\r\n}\r\n\r\n.chnx-contact-box h3 {\r\n    margin:0 0 12px;\r\n    color:#fff;\r\n    font-size:26px;\r\n}\r\n\r\n.chnx-contact-box p {\r\n    margin:0 0 25px;\r\n    color:#999;\r\n    line-height:1.7;\r\n    font-size:14px;\r\n}\r\n\r\n.chnx-contact-buttons {\r\n    display:grid;\r\n    gap:12px;\r\n}\r\n\r\n.chnx-whatsapp {\r\n    background:var(--green);\r\n    color:#fff !important;\r\n}\r\n\r\n.chnx-whatsapp:hover {\r\n    color:#fff !important;\r\n    background:#1ebc5b;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT CTA \/ FOOTER\r\n========================================================= *\/\r\n\r\n.chnx-bottom {\r\n    padding:25px 0;\r\n    background:#080a0c;\r\n    border-top:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.chnx-bottom-inner {\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:20px;\r\n}\r\n\r\n.chnx-bottom p {\r\n    margin:0;\r\n    color:#777;\r\n    font-size:12px;\r\n}\r\n\r\n.chnx-bottom-brand {\r\n    color:#fff;\r\n    font-size:15px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.chnx-bottom-brand span {\r\n    color:var(--gold2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1100px) {\r\n\r\n    .chnx-container,\r\n    .chnx-hero-content {\r\n        width:min(100% - 50px, 1380px);\r\n    }\r\n\r\n    .chnx-product-grid {\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .chnx-services-grid {\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .chnx-about-grid {\r\n        gap:50px;\r\n    }\r\n\r\n    .chnx-process-grid {\r\n        grid-template-columns:repeat(2,1fr);\r\n        row-gap:50px;\r\n    }\r\n\r\n    .chnx-process-grid:before {\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .chnx-container,\r\n    .chnx-hero-content {\r\n        width:calc(100% - 36px);\r\n    }\r\n\r\n    .chnx-section {\r\n        padding:70px 0;\r\n    }\r\n\r\n    .chnx-section-head {\r\n        margin-bottom:40px;\r\n    }\r\n\r\n    .chnx-section-head h2 {\r\n        font-size:32px;\r\n        letter-spacing:-.8px;\r\n    }\r\n\r\n    .chnx-section-head p {\r\n        font-size:15px;\r\n    }\r\n\r\n    \/* hero *\/\r\n\r\n    .chnx-hero {\r\n        min-height:720px;\r\n        background-position:65% center;\r\n    }\r\n\r\n    .chnx-hero h1 {\r\n        font-size:43px;\r\n        letter-spacing:-1.8px;\r\n    }\r\n\r\n    .chnx-hero-description {\r\n        font-size:16px;\r\n    }\r\n\r\n    .chnx-buttons {\r\n        flex-direction:column;\r\n    }\r\n\r\n    .chnx-btn {\r\n        width:100%;\r\n    }\r\n\r\n    .chnx-hero-info {\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n        gap:18px;\r\n        margin-top:40px;\r\n    }\r\n\r\n    .chnx-hero-info-item {\r\n        font-size:11px;\r\n    }\r\n\r\n    .chnx-check {\r\n        width:24px;\r\n        height:24px;\r\n        flex:0 0 24px;\r\n    }\r\n\r\n    \/* stats *\/\r\n\r\n    .chnx-stats-grid {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .chnx-stat {\r\n        padding:25px 12px;\r\n    }\r\n\r\n    .chnx-stat:nth-child(2) {\r\n        border-right:0;\r\n    }\r\n\r\n    .chnx-stat:nth-child(-n+2) {\r\n        border-bottom:1px solid rgba(255,255,255,.1);\r\n    }\r\n\r\n    .chnx-stat strong {\r\n        font-size:27px;\r\n    }\r\n\r\n    \/* products *\/\r\n\r\n    .chnx-product-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .chnx-product {\r\n        min-height:310px;\r\n    }\r\n\r\n    \/* services *\/\r\n\r\n    .chnx-services-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .chnx-service {\r\n        padding:30px 25px;\r\n    }\r\n\r\n    \/* about *\/\r\n\r\n    .chnx-about-grid {\r\n        grid-template-columns:1fr;\r\n        gap:40px;\r\n    }\r\n\r\n    .chnx-about-image {\r\n        min-height:400px;\r\n    }\r\n\r\n    .chnx-about-badge {\r\n        right:15px;\r\n        bottom:15px;\r\n        width:150px;\r\n        padding:20px 15px;\r\n    }\r\n\r\n    .chnx-about-badge strong {\r\n        font-size:29px;\r\n    }\r\n\r\n    .chnx-about-content h2 {\r\n        font-size:34px;\r\n    }\r\n\r\n    .chnx-about-list {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    \/* process *\/\r\n\r\n    .chnx-process-grid {\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n    .chnx-process-item {\r\n        padding:0 10px;\r\n    }\r\n\r\n    \/* options *\/\r\n\r\n    .chnx-options-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .chnx-option {\r\n        min-height:280px;\r\n        padding:28px;\r\n    }\r\n\r\n    \/* seo *\/\r\n\r\n    .chnx-seo-grid {\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n    .chnx-seo-box {\r\n        padding:28px;\r\n    }\r\n\r\n    \/* cta *\/\r\n\r\n    .chnx-cta {\r\n        padding:75px 0;\r\n    }\r\n\r\n    .chnx-cta-inner {\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .chnx-cta-buttons {\r\n        width:100%;\r\n    }\r\n\r\n    \/* contact *\/\r\n\r\n    .chnx-contact-grid {\r\n        grid-template-columns:1fr;\r\n        gap:40px;\r\n    }\r\n\r\n    .chnx-contact-info h2 {\r\n        font-size:33px;\r\n    }\r\n\r\n    .chnx-contact-box {\r\n        padding:30px 24px;\r\n    }\r\n\r\n    \/* bottom *\/\r\n\r\n    .chnx-bottom-inner {\r\n        flex-direction:column;\r\n        text-align:center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   K\u00dc\u00c7\u00dcK TELEFON\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    .chnx-hero h1 {\r\n        font-size:37px;\r\n    }\r\n\r\n    .chnx-hero-info {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .chnx-stat strong {\r\n        font-size:24px;\r\n    }\r\n\r\n    .chnx-product {\r\n        min-height:280px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"chnx\">\r\n\r\n<!-- ======================================================\r\n     HERO\r\n====================================================== -->\r\n\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     \u0130STAT\u0130ST\u0130K\r\n====================================================== -->\r\n\r\n<section class=\"chnx-stats\">\r\n\r\n    <div class=\"chnx-container\">\r\n\r\n        <div class=\"chnx-stats-grid\">\r\n\r\n            <div class=\"chnx-stat\">\r\n                <strong>8<span>+<\/span><\/strong>\r\n                <p>Du\u015fakabin Model Se\u00e7ene\u011fi<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"chnx-stat\">\r\n                <strong>3<span>+<\/span><\/strong>\r\n                <p>Profil Renk Alternatifi<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"chnx-stat\">\r\n                <strong>4<span>+<\/span><\/strong>\r\n                <p>Cam Se\u00e7ene\u011fi<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"chnx-stat\">\r\n                <strong>100<span>%<\/span><\/strong>\r\n                <p>M\u00fc\u015fteri Odakl\u0131 Hizmet<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     \u00dcR\u00dcNLER\r\n====================================================== -->\r\n\r\n<section class=\"chnx-section chnx-products\" id=\"chn-modeller\">\r\n\r\n    <div class=\"chnx-container\">\r\n\r\n        <div class=\"chnx-section-head\">\r\n\r\n            <div class=\"chnx-kicker\">\r\n                \u00dcr\u00fcnlerimiz\r\n            <\/div>\r\n\r\n            <h2>\r\n                Banyonuzun Tarz\u0131na\r\n                Uygun Modeller\r\n            <\/h2>\r\n\r\n            <p>\r\n                Farkl\u0131 banyo \u00f6l\u00e7\u00fclerine, kullan\u0131m ihtiya\u00e7lar\u0131na ve\r\n                dekorasyon anlay\u0131\u015flar\u0131na uygun du\u015fakabin\r\n                se\u00e7eneklerini ke\u015ffedin.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"chnx-product-grid\">\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-1\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">01 \/ PROF\u0130L<\/div>\r\n\r\n                    <h3>Beyaz Profil Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        Sade, ferah ve modern banyo tasar\u0131mlar\u0131\r\n                        i\u00e7in beyaz profil se\u00e7enekleri.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-2\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">02 \/ CAM<\/div>\r\n\r\n                    <h3>Buzlu ve Desenli Cam<\/h3>\r\n\r\n                    <p>\r\n                        Dekoratif g\u00f6r\u00fcn\u00fcm ve mahremiyet\r\n                        isteyenler i\u00e7in farkl\u0131 cam se\u00e7enekleri.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-3\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">03 \/ MODEL<\/div>\r\n\r\n                    <h3>Dikd\u00f6rtgen Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        Farkl\u0131 banyo planlar\u0131na uyum sa\u011flayan\r\n                        kullan\u0131\u015fl\u0131 dikd\u00f6rtgen modeller.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-4\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">04 \/ CAM<\/div>\r\n\r\n                    <h3>F\u00fcme Cam Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        Modern ve sofistike banyo tasar\u0131mlar\u0131\r\n                        i\u00e7in f\u00fcme cam alternatifleri.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-5\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">05 \/ MODEL<\/div>\r\n\r\n                    <h3>Kare Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        Kompakt banyo alanlar\u0131 i\u00e7in pratik\r\n                        ve d\u00fczenli du\u015f alanlar\u0131.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-6\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">06 \/ PROF\u0130L<\/div>\r\n\r\n                    <h3>Krom Parlak Profil<\/h3>\r\n\r\n                    <p>\r\n                        Parlak krom g\u00f6r\u00fcn\u00fcm\u00fcyle modern ve\r\n                        \u015f\u0131k banyo tasar\u0131mlar\u0131.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-7\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">07 \/ MODEL<\/div>\r\n\r\n                    <h3>\u00d6n Cephe Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        Du\u015f alan\u0131n\u0131 \u00f6n cepheden \u00e7evreleyen\r\n                        farkl\u0131 tasar\u0131m alternatifleri.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#\" class=\"chnx-product\">\r\n\r\n                <div class=\"chnx-product-bg chnx-bg-8\"><\/div>\r\n\r\n                <div class=\"chnx-product-arrow\">\u2197<\/div>\r\n\r\n                <div class=\"chnx-product-body\">\r\n\r\n                    <div class=\"chnx-product-number\">08 \/ PROF\u0130L<\/div>\r\n\r\n                    <h3>Siyah Profil Du\u015fakabinler<\/h3>\r\n\r\n                    <p>\r\n                        G\u00fc\u00e7l\u00fc ve modern \u00e7izgilere sahip\r\n                        \u00e7a\u011fda\u015f banyo tasar\u0131mlar\u0131.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     HAKKIMIZDA\r\n====================================================== -->\r\n\r\n<section class=\"chnx-section chnx-about\">\r\n\r\n    <div class=\"chnx-container\">\r\n\r\n        <div class=\"chnx-about-grid\">\r\n\r\n\r\n            <div class=\"chnx-about-image\">\r\n\r\n                <div class=\"chnx-about-badge\">\r\n                    <strong>CHN<\/strong>\r\n                    <span>\r\n                        Modern Banyo<br>\r\n                        \u00c7\u00f6z\u00fcmleri\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"chnx-about-content\">\r\n\r\n                <div class=\"chnx-kicker\">\r\n                    CHN Al\u00fcminyum\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Banyonuza De\u011fer\r\n                    Katan Tasar\u0131mlar\r\n                <\/h2>\r\n\r\n                <p>\r\n                    CHN Al\u00fcminyum olarak modern banyo alanlar\u0131n\u0131n\r\n                    ihtiya\u00e7lar\u0131na uygun du\u015fakabin \u00e7\u00f6z\u00fcmlerini\r\n                    bir araya getiriyoruz.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Farkl\u0131 profil renkleri, cam se\u00e7enekleri ve\r\n                    du\u015fakabin modelleriyle sade, modern ve\r\n                    kullan\u0131\u015fl\u0131 ya\u015fam alanlar\u0131 olu\u015fturman\u0131za\r\n                    yard\u0131mc\u0131 oluyoruz.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"chnx-about-list\">\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>Modern ve sade tasar\u0131mlar<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>Farkl\u0131 cam alternatifleri<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>Farkl\u0131 profil renkleri<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>Farkl\u0131 model se\u00e7enekleri<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>Banyo dekorasyonuna uyum<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"chnx-about-list-item\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <span>\u0130htiyaca y\u00f6nelik \u00e7\u00f6z\u00fcmler<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a href=\"#chn-iletisim\"\r\n                   class=\"chnx-btn chnx-btn-dark\">\r\n                    Bizimle \u0130leti\u015fime Ge\u00e7 \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ======================================================\r\n     CTA\r\n====================================================== -->\r\n\r\n<section class=\"chnx-cta\">\r\n\r\n    <div class=\"chnx-container\">\r\n\r\n        <div class=\"chnx-cta-inner\">\r\n\r\n            <div class=\"chnx-cta-content\">\r\n\r\n                <div class=\"chnx-kicker\">\r\n                    CHN Al\u00fcminyum\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Banyonuz \u0130\u00e7in\r\n                    Do\u011fru \u00c7\u00f6z\u00fcm\u00fc Birlikte\r\n                    Belirleyelim\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Model, cam ve profil se\u00e7enekleri hakk\u0131nda\r\n                    bilgi almak ve ihtiya\u00e7lar\u0131n\u0131za uygun\r\n                    du\u015fakabin \u00e7\u00f6z\u00fcm\u00fcn\u00fc de\u011ferlendirmek i\u00e7in\r\n                    bizimle ileti\u015fime ge\u00e7in.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"chnx-cta-buttons\">\r\n\r\n                <a href=\"#chn-iletisim\"\r\n                   class=\"chnx-btn chnx-btn-gold\">\r\n                    Teklif Al \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<!-- ======================================================\r\n     NASIL \u00c7ALI\u015eIYORUZ\r\n====================================================== -->\r\n\r\n<section class=\"chnx-section chnx-process\">\r\n\r\n    <div class=\"chnx-container\">\r\n\r\n        <div class=\"chnx-section-head\">\r\n\r\n            <div class=\"chnx-kicker\">\r\n                Nas\u0131l \u00c7al\u0131\u015f\u0131yoruz?\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0130htiyac\u0131n\u0131zdan\r\n                \u00c7\u00f6z\u00fcm\u00fcn\u00fcze\r\n            <\/h2>\r\n\r\n            <p>\r\n                Size uygun du\u015fakabin se\u00e7ene\u011fini belirlemek i\u00e7in\r\n                s\u00fcreci kolay ve anla\u015f\u0131l\u0131r \u015fekilde ilerletiyoruz.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"chnx-process-grid\">\r\n\r\n\r\n            <div class=\"chnx-process-item\">\r\n\r\n                <div class=\"chnx-process-number\">01<\/div>\r\n\r\n                <h3>\u0130leti\u015fime Ge\u00e7in<\/h3>\r\n\r\n                <p>\r\n                    \u0130htiyac\u0131n\u0131z\u0131 ve banyonuzla ilgili\r\n                    detaylar\u0131 bizimle payla\u015f\u0131n.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"chnx-process-item\">\r\n\r\n                <div class=\"chnx-process-number\">02<\/div>\r\n\r\n                <h3>Modeli Belirleyin<\/h3>\r\n\r\n                <p>\r\n                    Banyo alan\u0131n\u0131za uygun model ve\r\n                    tasar\u0131m alternatiflerini de\u011ferlendirin.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"chnx-process-item\">\r\n\r\n                <div class=\"chnx-process-number\">03<\/div>\r\n\r\n                <h3>Cam & Profil Se\u00e7in<\/h3>\r\n\r\n                <p>\r\n                    Cam ve profil se\u00e7enekleri aras\u0131ndan\r\n                    tercihlerinizi belirleyin.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"chnx-process-item\">\r\n\r\n                <div class=\"chnx-process-number\">04<\/div>\r\n\r\n                <h3>\u00c7\u00f6z\u00fcm\u00fcn\u00fcz\u00fc Olu\u015fturun<\/h3>\r\n\r\n                <p>\r\n                    Tercihlerinize uygun du\u015fakabin\r\n                    \u00e7\u00f6z\u00fcm\u00fcn\u00fc olu\u015fturun.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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>CHN AL\u00dcM\u0130NYUM Dikd\u00f6rtgen Du\u015fakabin Modern banyolar i\u00e7in sade \u00e7izgiler, dengeli oranlar ve kullan\u0131\u015fl\u0131 tasar\u0131m. CHN Al\u00fcminyum du\u015fakabin koleksiyonunu ke\u015ffedin. \u00dcr\u00fcn\u00fc \u0130ncele Teklif Al \u2192 Tasar\u0131m Dikd\u00f6rtgen Profil Al\u00fcminyum Cam Se\u00e7ilebilir 01 \/ 03 MODERN SER\u0130 Siyah Profilli Du\u015fakabin Siyah profil detaylar\u0131yla banyoda g\u00fc\u00e7l\u00fc ve modern bir mimari g\u00f6r\u00fcn\u00fcm. Zamans\u0131z tasar\u0131m anlay\u0131\u015f\u0131yla haz\u0131rlanan modeller. \u00dcr\u00fcn\u00fc \u0130ncele [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-6583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/pages\/6583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/comments?post=6583"}],"version-history":[{"count":47,"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/pages\/6583\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/pages\/6583\/revisions\/6815"}],"wp:attachment":[{"href":"https:\/\/www.alfaserver.com.tr\/chn\/wp-json\/wp\/v2\/media?parent=6583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}