{"id":46281,"date":"2025-12-02T13:54:05","date_gmt":"2025-12-02T13:54:05","guid":{"rendered":"https:\/\/gobelka.com\/de\/?page_id=46281"},"modified":"2025-12-16T06:36:31","modified_gmt":"2025-12-16T06:36:31","slug":"farben-kaufen","status":"publish","type":"page","link":"https:\/\/gobelka.com\/de\/farben-kaufen\/","title":{"rendered":"bestellen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46281\" class=\"elementor elementor-46281\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-dca0f7b wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"dca0f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f589d18 elementor-widget elementor-widget-html\" data-id=\"f589d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \/* --- TEMEL AYARLAR --- *\/\r\n        :root {\r\n            --primary-color: #059669; \/* Emerald Green *\/\r\n            --text-dark: #111827;\r\n            --text-gray: #4b5563;\r\n            --bg-white: #ffffff;\r\n            --border-color: #e5e7eb;\r\n            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        body { margin: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; }\r\n\r\n        \/* --- HEADER ST\u0130L\u0130 --- *\/\r\n        .funnel-header {\r\n            \r\n            top: 0; left: 0; width: 100%;\r\n            height: 55px;\r\n            background: var(--bg-white);\r\n            box-shadow: var(--shadow);\r\n            z-index: 1000;\r\n            border-bottom: 1px solid var(--border-color);\r\n        }\r\n\r\n        .header-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* LOGO ALANI *\/\r\n        .logo-area {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .logo-placeholder {\r\n            width: 120px;\r\n            height: 36px;\r\n            background-color: #f3f4f6;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #9ca3af;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            border: 1px dashed #d1d5db;\r\n        }\r\n\r\n        \/* DESKTOP NAV\u0130GASYON (Mobilde Gizli) *\/\r\n        .desktop-nav {\r\n            display: none; \/* Varsay\u0131lan gizli *\/\r\n            gap: 25px;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-link {\r\n            text-decoration: none;\r\n            color: var(--text-dark);\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            transition: color 0.2s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .nav-link:hover { color: var(--primary-color); }\r\n        .nav-link svg { width: 18px; height: 18px; opacity: 0.7; }\r\n\r\n        \/* \u00d6zel Buton Link (Sat\u0131n Al) *\/\r\n        .header-primary-cta-button {\r\n            background-color: #059669 !important;\r\n            color: white !important;\r\n            padding: 8px 16px;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .header-primary-cta-button:hover { \r\n            background-color: #047857 !important; \r\n            color: white !important; \r\n        }\r\n\r\n        \/* MOB\u0130L HAMBURGER (Desktopta Gizli) *\/\r\n        .mobile-toggle {\r\n            display: flex;\r\n            cursor: pointer;\r\n            padding: 8px;\r\n        }\r\n\r\n        \/* MOB\u0130L MEN\u00dc OVERLAY *\/\r\n        .mobile-menu-overlay {\r\n            position: fixed;\r\n            top: 70px; \/* Header alt\u0131ndan ba\u015flar *\/\r\n            left: 0;\r\n            width: 100%;\r\n            height: 0;\r\n            background: white;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out;\r\n            z-index: 999;\r\n            box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .mobile-menu-overlay.active {\r\n            height: auto;\r\n            border-bottom: 1px solid var(--border-color);\r\n        }\r\n\r\n        .mobile-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .mobile-list li { border-bottom: 1px solid #f3f4f6; }\r\n\r\n        .mobile-list a {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 16px 20px;\r\n            text-decoration: none;\r\n            color: var(--text-dark);\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .mobile-list a:hover { background-color: #f9fafb; color: var(--primary-color); }\r\n\r\n        \/* --- RESPONSIVE KIRILIM --- *\/\r\n        @media (min-width: 992px) {\r\n            .mobile-toggle { display: none; } \/* Mobili gizle *\/\r\n            .desktop-nav { display: flex; } \/* Desktopu a\u00e7 *\/\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"funnel-header\">\r\n        <div class=\"header-container\">\r\n            \r\n            <!-- SOL: LOGO -->\r\n            <a href=\"\/de\/waermedaemmung-innen\" class=\"logo-area\">\r\n                <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/07\/Belka-Tapete-%E2%80%93-Markenlogo-fuer-oekologische-Baumwollputz-Tapeten-1.svg\" alt=\"Belka Tapete Logo\" style=\"height: 16px; width: auto;\">\r\n            <\/a>\r\n\r\n            <!-- ORTA\/SA\u011e: DESKTOP MENU -->\r\n            <nav class=\"desktop-nav\">\r\n                <a href=\"\/de\/waermedaemmung-innen\" class=\"nav-link\">\r\n                    <!-- Icon: Home -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                    Start\r\n                <\/a>\r\n                <a href=\"\/de\/heizkosten-sparen\" class=\"nav-link\">\r\n                    <!-- Icon: Calculator -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"6\" y2=\"6\"\/><line x1=\"16\" x2=\"16\" y1=\"14\" y2=\"18\"\/><path d=\"M16 10h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M8 18h.01\"\/><\/svg>\r\n                    Rechner\r\n                <\/a>\r\n                <a href=\"\/de\/muster-bestellen\" class=\"nav-link\">\r\n                    <!-- Icon: Package -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg>\r\n                    Muster (8\u20ac)\r\n                <\/a>\r\n                <a href=\"\/de\/farben-kaufen\" class=\"nav-link header-primary-cta-button\">\r\n                    Jetzt Kaufen\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <!-- SA\u011e: MOB\u0130L BUTON -->\r\n            <div class=\"mobile-toggle\" onclick=\"toggleMenu()\">\r\n                <!-- Icon: Menu -->\r\n                <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MOB\u0130L A\u00c7ILIR MENU -->\r\n    <div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\r\n        <ul class=\"mobile-list\">\r\n            <li><a href=\"\/de\/waermedaemmung-innen\">\ud83c\udfe0 Startseite<\/a><\/li>\r\n            <li><a href=\"\/de\/heizkosten-sparen\">\ud83e\uddee heizkosten-sparen<\/a><\/li>\r\n            <li><a href=\"\/de\/muster-bestellen\">\ud83d\udce6 Test-Paket (Muster)<\/a><\/li>\r\n            <li><a href=\"\/de\/farben-kaufen\" style=\"color: var(--primary-color); font-weight: 700;\">\ud83c\udfa8 Direkt Kaufen<\/a><\/li>\r\n            <li style=\"background: #fafafa;\"><a href=\"https:\/\/gobelka.com\/de\/waermedaemmung-innen\" style=\"color:#999; font-size:14px;\">\u2190 Zur Hauptseite<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <script>\r\n        function toggleMenu() {\r\n            document.getElementById('mobileMenu').classList.toggle('active');\r\n        }\r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-634b3c0 elementor-widget elementor-widget-html\" data-id=\"634b3c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    \/* ======================= *\/\r\n    \/* CSS RESET & BASE STYLES *\/\r\n    \/* ======================= *\/\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    :root {\r\n      --belka-color-background: #F9F9F7;\r\n      --belka-color-foreground: #1C1917;\r\n      --belka-color-card: #FFFFFF;\r\n      --belka-color-primary: #115E59;\r\n      --belka-color-primary-foreground: #FFFFFF;\r\n      --belka-color-secondary: #F5F5F4;\r\n      --belka-color-muted: #78716C;\r\n      --belka-color-muted-foreground: #78716C;\r\n      --belka-color-border: #E7E5E4;\r\n      --belka-color-accent: #D6D3D1;\r\n      --belka-color-green: #16A34A;\r\n      --belka-color-amber-bg: #FEF3C7;\r\n      --belka-color-amber-text: #92400E;\r\n      --belka-radius-sm: 0.375rem;\r\n      --belka-radius-md: 0.5rem;\r\n      --belka-radius-lg: 0.75rem;\r\n      --belka-radius-xl: 1rem;\r\n      --belka-radius-full: 9999px;\r\n      --belka-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\r\n      --belka-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);\r\n      --belka-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);\r\n    }\r\n\r\n\/* Page ID: 46108 i\u00e7in Komple Gizleme Kodu *\/\r\n\r\n\/* 1. Header ve Footer Alanlar\u0131 *\/\r\n.page-id-46281 .site-header,\r\n.page-id-46281 .site-footer,\r\n.page-id-46281 header,\r\n.page-id-46281 footer,\r\n.page-id-46281 .whb-header, \/* WoodMart Header *\/\r\n\r\n\/* 2. Mobil Alt Men\u00fc (Toolbar) *\/\r\n.page-id-46281 .wd-toolbar,\r\n.page-id-46281 .wd-toolbar-label-show,\r\n.page-id-46281 .wd-sticky-nav,\r\n.page-id-46281 .wd-hide-md,\r\n\/* 3. HubSpot Sohbet Arac\u0131 *\/\r\n.page-id-46281 #hubspot-messages-iframe-container {\r\n    display: none !important;\r\n}\r\n\r\n\r\n\r\n.countdown-bar,.bf-compact-banner{\r\n    display: none;\r\n}\r\n\r\n    body {\r\n      background-color: var(--belka-color-background);\r\n      color: var(--belka-color-foreground);\r\n      min-height: 100vh;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* UTILITY CLASSES *\/\r\n    \/* ======================= *\/\r\n    .belka-visually-hidden {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      padding: 0;\r\n      margin: -1px;\r\n      overflow: hidden;\r\n      clip: rect(0, 0, 0, 0);\r\n      white-space: nowrap;\r\n      border: 0;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: STICKY TOP BAR *\/\r\n    \/* ======================= *\/\r\n    .belka-sticky-top-bar-section {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 50;\r\n      background-color: rgba(249, 249, 247, 0.95);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid rgba(231, 229, 228, 0.4);\r\n      padding: 0.625rem 1rem;\r\n    }\r\n\r\n    .belka-sticky-top-bar-container {\r\n      max-width: 32rem;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .belka-sticky-top-bar-left-content {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .belka-sticky-top-bar-check-icon-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 1.75rem;\r\n      height: 1.75rem;\r\n      border-radius: var(--belka-radius-full);\r\n      background-color: var(--belka-color-primary);\r\n      color: var(--belka-color-primary-foreground);\r\n    }\r\n\r\n    .belka-sticky-top-bar-check-icon {\r\n      width: 0.875rem;\r\n      height: 0.875rem;\r\n    }\r\n\r\n    .belka-sticky-top-bar-text-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .belka-sticky-top-bar-label-text {\r\n      font-size: 0.6875rem;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    .belka-sticky-top-bar-value-text {\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-sticky-top-bar-value-secondary {\r\n      font-weight: 400;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    .belka-sticky-top-bar-discount-badge {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.375rem;\r\n      background-color: var(--belka-color-amber-bg);\r\n      color: var(--belka-color-amber-text);\r\n      padding: 0.375rem 0.75rem;\r\n      border-radius: var(--belka-radius-full);\r\n    }\r\n\r\n    .belka-sticky-top-bar-discount-icon {\r\n      width: 0.875rem;\r\n      height: 0.875rem;\r\n    }\r\n\r\n    .belka-sticky-top-bar-discount-text {\r\n      font-size: 0.75rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: MAIN CONTENT *\/\r\n    \/* ======================= *\/\r\n    .belka-main-content-section {\r\n      max-width: 32rem;\r\n      margin: 0 auto;\r\n      padding: 1.5rem 1rem 9rem;\r\n    }\r\n\r\n    .belka-page-header-container {\r\n      margin-bottom: 2rem;\r\n      text-align: center;\r\n    }\r\n\r\n    .belka-page-header-title {\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: var(--belka-color-foreground);\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .belka-page-header-description {\r\n      font-size: 0.875rem;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: STEP HEADER *\/\r\n    \/* ======================= *\/\r\n    .belka-step-header-container {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.625rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .belka-step-header-number-badge {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 1.5rem;\r\n      height: 1.5rem;\r\n      border-radius: var(--belka-radius-full);\r\n      background-color: var(--belka-color-foreground);\r\n      color: var(--belka-color-background);\r\n      font-size: 0.75rem;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .belka-step-header-title {\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: COLOR SELECTOR *\/\r\n    \/* ======================= *\/\r\n    .belka-color-selector-section {\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .belka-color-selector-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .belka-color-selector-button {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      cursor: pointer;\r\n      background: none;\r\n      border: none;\r\n      padding: 0;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .belka-color-selector-swatch-wrapper {\r\n      position: relative;\r\n    }\r\n\r\n    .belka-color-selector-swatch {\r\n      width: 3.5rem;\r\n      height: 3.5rem;\r\n      border-radius: var(--belka-radius-full);\r\n      border: 2px solid var(--belka-color-border);\r\n      transition: all 0.2s ease;\r\n      box-shadow: var(--belka-shadow-sm);\r\n    }\r\n\r\n    .belka-color-selector-button:hover .belka-color-selector-swatch {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .belka-color-selector-button:active .belka-color-selector-swatch {\r\n      transform: scale(0.95);\r\n    }\r\n\r\n    .belka-color-selector-swatch--selected {\r\n      outline: 2px solid var(--belka-color-primary);\r\n      outline-offset: 2px;\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .belka-color-selector-check-badge {\r\n      position: absolute;\r\n      bottom: -2px;\r\n      right: -2px;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      background-color: var(--belka-color-primary);\r\n      color: var(--belka-color-primary-foreground);\r\n      border-radius: var(--belka-radius-full);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: var(--belka-shadow-sm);\r\n    }\r\n\r\n    .belka-color-selector-check-icon {\r\n      width: 0.625rem;\r\n      height: 0.625rem;\r\n    }\r\n\r\n    .belka-color-selector-label {\r\n      font-size: 0.75rem;\r\n      color: var(--belka-color-muted);\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .belka-color-selector-label--selected {\r\n      color: var(--belka-color-foreground);\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: VARIATION SELECTOR *\/\r\n    \/* ======================= *\/\r\n    .belka-variation-selector-section {\r\n      margin-bottom: 2.5rem;\r\n      animation: belkaFadeInSlideUp 0.4s ease;\r\n    }\r\n\r\n    @keyframes belkaFadeInSlideUp {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(12px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    .belka-variation-selector-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n      .belka-variation-selector-grid {\r\n        gap: 1rem;\r\n      }\r\n    }\r\n\r\n    .belka-variation-selector-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 0.75rem;\r\n      border-radius: var(--belka-radius-xl);\r\n      border: 1px solid var(--belka-color-border);\r\n      background-color: var(--belka-color-card);\r\n      text-align: left;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      font-family: inherit;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .belka-variation-selector-card:hover {\r\n      border-color: rgba(17, 94, 89, 0.3);\r\n      box-shadow: var(--belka-shadow-sm);\r\n    }\r\n\r\n    .belka-variation-selector-card--selected {\r\n      border-color: var(--belka-color-primary);\r\n      background-color: rgba(17, 94, 89, 0.05);\r\n      box-shadow: var(--belka-shadow-md);\r\n      outline: 1px solid rgba(17, 94, 89, 0.2);\r\n    }\r\n\r\n    .belka-variation-selector-color-preview {\r\n      width: 100%;\r\n      height: 4rem;\r\n      border-radius: var(--belka-radius-lg);\r\n      margin-bottom: 0.75rem;\r\n      box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .belka-variation-selector-text-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .belka-variation-selector-text-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.125rem;\r\n      flex: 1;\r\n    }\r\n\r\n    .belka-variation-selector-name {\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n      transition: color 0.2s ease;\r\n      margin-bottom: 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .belka-variation-selector-name--selected {\r\n      color: var(--belka-color-primary);\r\n    }\r\n\r\n    .belka-variation-selector-price-per-kg {\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      color: var(--belka-color-foreground);\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .belka-variation-selector-price-unit {\r\n      font-size: 0.625rem;\r\n    }\r\n\r\n    .belka-variation-selector-price-per-m2 {\r\n      font-size: 0.625rem;\r\n      color: var(--belka-color-muted);\r\n      display: block;\r\n    }\r\n\r\n    .belka-variation-selector-selected-dot {\r\n      width: 0.5rem;\r\n      height: 0.5rem;\r\n      border-radius: var(--belka-radius-full);\r\n      background-color: var(--belka-color-primary);\r\n      flex-shrink: 0;\r\n      margin-top: 0.125rem;\r\n    }\r\n\r\n \/* ======================= *\/\r\n    \/* SECTION: PRODUCT TEMPLATE *\/\r\n    \/* ======================= *\/\r\n    .belka-product-template-section {\r\n      margin-bottom: 1.5rem;\r\n      animation: belkaFadeInZoom 0.4s ease;\r\n    }\r\n\r\n    @keyframes belkaFadeInZoom {\r\n      from {\r\n        opacity: 0;\r\n        transform: scale(0.98);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    .belka-product-template-card {\r\n      overflow: hidden;\r\n      border: 1px solid var(--belka-color-border);\r\n      border-radius: var(--belka-radius-xl);\r\n      background-color: var(--belka-color-card);\r\n      box-shadow: var(--belka-shadow-sm);\r\n      \r\n      \/* --- BURASI G\u00dcNCELLEND\u0130 --- *\/\r\n      max-width: 280px; \/* Kart\u0131 daraltmak i\u00e7in geni\u015flik s\u0131n\u0131r\u0131 *\/\r\n      margin: 0 auto;   \/* Kart\u0131 ortalamak i\u00e7in *\/\r\n    }\r\n\r\n    .belka-product-template-color-preview {\r\n      width: 100%;\r\n      height: auto;       \/* Y\u00fckseklik otomatik ayarland\u0131 *\/\r\n      aspect-ratio: auto; \/* Sabit oran\u0131 kald\u0131rd\u0131k, resim neyse o olsun *\/\r\n      display: block;     \/* Bo\u015fluklar\u0131 silmek i\u00e7in blok yap\u0131ld\u0131 *\/\r\n      border-bottom: 1px solid rgba(0,0,0,0.05); \/* Resim alt\u0131na \u00e7ok hafif \u00e7izgi *\/\r\n    }\r\n\r\n    .belka-product-template-info-container {\r\n      padding: 0.875rem; \/* \u0130\u00e7 bo\u015flu\u011fu biraz azaltt\u0131k *\/\r\n      text-align: center; \/* Yaz\u0131lar\u0131 ortalad\u0131k (Kompakt g\u00f6r\u00fcn\u00fcm i\u00e7in) *\/\r\n    }\r\n\r\n    .belka-product-template-header-row {\r\n      display: flex;\r\n      flex-direction: column; \/* Ba\u015fl\u0131k ve stok durumunu alt alta ald\u0131k *\/\r\n      align-items: center;    \/* Ortalad\u0131k *\/\r\n      gap: 0.25rem;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .belka-product-template-title {\r\n      font-size: 1.125rem;\r\n      font-weight: 700;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-product-template-delivery-badge {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.25rem;\r\n      color: var(--belka-color-green);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .belka-product-template-delivery-icon {\r\n      width: 0.875rem;\r\n      height: 0.875rem;\r\n    }\r\n\r\n    .belka-product-template-delivery-text {\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .belka-product-template-description {\r\n      font-size: 0.8rem; \/* A\u00e7\u0131klamay\u0131 biraz k\u00fc\u00e7\u00fcltt\u00fck *\/\r\n      color: var(--belka-color-muted);\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: QUICK SPECS *\/\r\n    \/* ======================= *\/\r\n    .belka-quick-specs-section {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .belka-quick-specs-scroll-container {\r\n      display: flex;\r\n      gap: 0.5rem;\r\n      overflow-x: auto;\r\n      padding-bottom: 0.5rem;\r\n      margin: 0 -1rem;\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n      scrollbar-width: none;\r\n      -ms-overflow-style: none;\r\n    }\r\n\r\n    .belka-quick-specs-scroll-container::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .belka-quick-specs-pill {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      padding: 0.5rem 0.75rem;\r\n      border-radius: var(--belka-radius-full);\r\n      background-color: rgba(245, 245, 244, 0.5);\r\n      border: 1px solid rgba(231, 229, 228, 0.5);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .belka-quick-specs-icon {\r\n      width: 1rem;\r\n      height: 1rem;\r\n      color: rgba(28, 25, 23, 0.7);\r\n    }\r\n\r\n    .belka-quick-specs-label {\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      color: var(--belka-color-foreground);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: PACKAGE INFO *\/\r\n    \/* ======================= *\/\r\n    .belka-package-info-section {\r\n      margin-bottom: 2rem;\r\n      animation: belkaFadeInSlideUp 0.5s ease;\r\n    }\r\n\r\n    .belka-package-info-card {\r\n      padding: 1rem;\r\n      border: 1px solid var(--belka-color-border);\r\n      border-radius: var(--belka-radius-xl);\r\n      background-color: rgba(245, 245, 244, 0.3);\r\n    }\r\n\r\n    .belka-package-info-content-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .belka-package-info-icon-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 2.5rem;\r\n      height: 2.5rem;\r\n      border-radius: var(--belka-radius-xl);\r\n      background-color: rgba(17, 94, 89, 0.1);\r\n      color: var(--belka-color-primary);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .belka-package-info-icon {\r\n      width: 1.25rem;\r\n      height: 1.25rem;\r\n    }\r\n\r\n    .belka-package-info-text-container {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .belka-package-info-header-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 0.5rem;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .belka-package-info-title {\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-package-info-recommended-badge {\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      color: var(--belka-color-primary);\r\n      background-color: rgba(17, 94, 89, 0.1);\r\n      padding: 0.125rem 0.5rem;\r\n      border-radius: var(--belka-radius-full);\r\n    }\r\n\r\n    .belka-package-info-details-text {\r\n      font-size: 0.875rem;\r\n      color: var(--belka-color-foreground);\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .belka-package-info-details-secondary {\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    .belka-package-info-note-text {\r\n      font-size: 0.75rem;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: TROWEL UPSELL *\/\r\n    \/* ======================= *\/\r\n    .belka-trowel-upsell-section {\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .elementor-widget-html .belka-trowel-upsell-button {\r\n      width: 100%;\r\n      text-align: left;\r\n      padding: 1rem;\r\n      border-radius: var(--belka-radius-xl);\r\n      border: 1px solid var(--belka-color-border);\r\n      background-color: var(--belka-color-card);\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .elementor-widget-html .belka-trowel-upsell-button:hover {\r\n      border-color: rgba(17, 94, 89, 0.3);\r\n      background-color: rgba(245, 245, 244, 0.3);\r\n    }\r\n\r\n    .elementor-widget-html .belka-trowel-upsell-button--selected {\r\n      border-color: var(--belka-color-primary);\r\n      background-color: rgba(17, 94, 89, 0.05);\r\n      outline: 1px solid rgba(17, 94, 89, 0.3);\r\n    }\r\n\r\n    .belka-trowel-upsell-content-row {\r\n      display: flex;\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .belka-trowel-upsell-image {\r\n      width: 8.5rem;\r\n      height: 11rem;\r\n      object-fit: cover;\r\n      border-radius: var(--belka-radius-md);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .belka-trowel-upsell-checkbox-wrapper {\r\n      padding-top: 0.125rem;\r\n    }\r\n\r\n    .belka-trowel-upsell-checkbox {\r\n      width: 1.25rem;\r\n      height: 1.25rem;\r\n      border: 2px solid var(--belka-color-border);\r\n      border-radius: var(--belka-radius-sm);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.2s ease;\r\n      background-color: var(--belka-color-background);\r\n    }\r\n\r\n    .belka-trowel-upsell-checkbox--checked {\r\n      background-color: var(--belka-color-primary);\r\n      border-color: var(--belka-color-primary);\r\n    }\r\n\r\n    .belka-trowel-upsell-checkbox-icon {\r\n      width: 0.75rem;\r\n      height: 0.75rem;\r\n      color: var(--belka-color-primary-foreground);\r\n      display: none;\r\n    }\r\n\r\n    .belka-trowel-upsell-checkbox--checked .belka-trowel-upsell-checkbox-icon {\r\n      display: block;\r\n    }\r\n\r\n    .belka-trowel-upsell-info-container {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .belka-trowel-upsell-header-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .belka-trowel-upsell-title {\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-trowel-upsell-recommended-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.25rem;\r\n      font-size: 0.625rem;\r\n      font-weight: 600;\r\n      color: var(--belka-color-amber-text);\r\n      background-color: var(--belka-color-amber-bg);\r\n      padding: 0.125rem 0.375rem;\r\n      border-radius: var(--belka-radius-sm);\r\n    }\r\n\r\n    .belka-trowel-upsell-recommended-icon {\r\n      width: 0.625rem;\r\n      height: 0.625rem;\r\n    }\r\n\r\n    .belka-trowel-upsell-description {\r\n      font-size: 0.875rem;\r\n      color: var(--belka-color-muted);\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .belka-trowel-upsell-price {\r\n      font-size: 0.875rem;\r\n      font-weight: 700;\r\n      color: var(--belka-color-primary);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: PRODUCT DETAILS ACCORDION *\/\r\n    \/* ======================= *\/\r\n    .belka-product-details-section {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .belka-product-details-title {\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      color: var(--belka-color-muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .belka-accordion-container {\r\n      border: 1px solid var(--belka-color-border);\r\n      border-radius: var(--belka-radius-lg);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .belka-accordion-item {\r\n      border-bottom: 1px solid var(--belka-color-border);\r\n    }\r\n\r\n    .belka-accordion-item:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .elementor-widget-html .belka-accordion-trigger-button {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 1rem 1.5rem;\r\n      background: none;\r\n      border: none;\r\n      cursor: pointer;\r\n      font-family: inherit;\r\n      text-align: left;\r\n    }\r\n\r\n    .elementor-widget-html .belka-accordion-trigger-button:hover {\r\n      background-color: rgba(245, 245, 244, 0.5);\r\n    }\r\n\r\n    .belka-accordion-trigger-text {\r\n      font-weight: 600;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-accordion-trigger-icon {\r\n      width: 1rem;\r\n      height: 1rem;\r\n      color: var(--belka-color-muted);\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .belka-accordion-item--open .belka-accordion-trigger-icon {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .belka-accordion-content {\r\n      display: none;\r\n      padding: 0 1.5rem 1rem;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    .belka-accordion-item--open .belka-accordion-content {\r\n      display: block;\r\n    }\r\n\r\n    .belka-accordion-list {\r\n      list-style: decimal inside;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .belka-accordion-list-item {\r\n      margin-bottom: 0.5rem;\r\n      font-size: 0.75rem;\r\n    }\r\n\r\n    .belka-accordion-note {\r\n      font-size: 0.75rem;\r\n      color: var(--belka-color-muted);\r\n      margin-top: 0.75rem;\r\n    }\r\n\r\n    .belka-accordion-text {\r\n      font-size: 0.875rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .belka-accordion-specs-list {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .belka-accordion-specs-item {\r\n      margin-bottom: 0.5rem;\r\n      font-size: 0.875rem;\r\n    }\r\n\r\n    .belka-accordion-specs-label {\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: FOOTER *\/\r\n    \/* ======================= *\/\r\n    .belka-footer-section {\r\n      text-align: center;\r\n      padding: 1.5rem 0;\r\n      border-top: 1px solid rgba(231, 229, 228, 0.5);\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    .belka-footer-text {\r\n      font-size: 0.75rem;\r\n      color: var(--belka-color-muted);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* SECTION: STICKY BOTTOM BAR *\/\r\n    \/* ======================= *\/\r\n    .belka-sticky-bottom-bar-section {\r\n      position: fixed;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 50;\r\n      background-color: var(--belka-color-background);\r\n      border-top: 1px solid var(--belka-color-border);\r\n      box-shadow: 0 -4px 20px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-container {\r\n      max-width: 32rem;\r\n      margin: 0 auto;\r\n      padding: 0.75rem 1rem;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-content-row {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n      .belka-sticky-bottom-bar-content-row {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n      }\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-main-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 0.75rem;\r\n      width: 100%;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-sample-button {\r\n      height: 2.5rem;\r\n      padding: 0 1rem;\r\n      border-radius: var(--belka-radius-lg);\r\n      font-weight: 600;\r\n      font-size: 0.75rem;\r\n      border: 2px solid var(--belka-color-primary);\r\n      background-color: var(--belka-color-background);\r\n      color: var(--belka-color-primary);\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      font-family: inherit;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n      .belka-sticky-bottom-bar-sample-button {\r\n        height: 3rem;\r\n        font-size: 0.875rem;\r\n        width: auto;\r\n      }\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-sample-button:hover {\r\n      background-color: rgba(17, 94, 89, 0.05);\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-sample-button:active {\r\n      transform: scale(0.98);\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-price-container {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-price-row {\r\n      display: flex;\r\n      align-items: baseline;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-price-current {\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: var(--belka-color-foreground);\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-price-original {\r\n      font-size: 0.875rem;\r\n      color: var(--belka-color-muted);\r\n      text-decoration: line-through;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-savings-text {\r\n      font-size: 0.75rem;\r\n      color: var(--belka-color-green);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .elementor-widget-html .belka-sticky-bottom-bar-checkout-button {\r\n      height: 3rem;\r\n      padding: 0 1.25rem;\r\n      border-radius: var(--belka-radius-xl);\r\n      font-weight: 600;\r\n      font-size: 0.875rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.375rem;\r\n      transition: all 0.2s ease;\r\n      font-family: inherit;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n      .elementor-widget-html .belka-sticky-bottom-bar-checkout-button {\r\n        font-size: 1rem;\r\n        padding: 0 1.5rem;\r\n      }\r\n    }\r\n\r\n    .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--enabled {\r\n      background-color: var(--belka-color-primary);\r\n      color: var(--belka-color-primary-foreground);\r\n      box-shadow: var(--belka-shadow-md);\r\n    }\r\n\r\n    .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--enabled:hover {\r\n      background-color: rgba(17, 94, 89, 0.9);\r\n      box-shadow: var(--belka-shadow-lg);\r\n    }\r\n\r\n    .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--enabled:active {\r\n      transform: scale(0.98);\r\n    }\r\n\r\n    .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--disabled {\r\n      background-color: var(--belka-color-secondary);\r\n      color: var(--belka-color-muted);\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-checkout-icon {\r\n      width: 1rem;\r\n      height: 1rem;\r\n    }\r\n\r\n    .belka-sticky-bottom-bar-safe-area {\r\n      height: env(safe-area-inset-bottom);\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* HIDDEN STATES *\/\r\n    \/* ======================= *\/\r\n    .belka-hidden {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* ======================= *\/\r\n    \/* RESPONSIVE STYLES *\/\r\n    \/* ======================= *\/\r\n    @media (min-width: 768px) {\r\n      .belka-page-header-title {\r\n        font-size: 1.75rem;\r\n      }\r\n\r\n      .belka-color-selector-swatch {\r\n        width: 4rem;\r\n        height: 4rem;\r\n      }\r\n\r\n      .belka-variation-selector-color-preview {\r\n        height: 8rem;\r\n      }\r\n\r\n      .belka-sticky-bottom-bar-price-current {\r\n        font-size: 1.75rem;\r\n      }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n      .belka-main-content-section {\r\n        max-width: 40rem;\r\n      }\r\n\r\n      .belka-sticky-top-bar-container,\r\n      .belka-sticky-bottom-bar-container {\r\n        max-width: 40rem;\r\n      }\r\n\r\n      .belka-variation-selector-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n      }\r\n    }\r\n  \/* ================================================= *\/\r\n\/* MOB\u0130L ST\u0130CKY BAR - APP TARZI MODERN G\u00d6R\u00dcN\u00dcM       *\/\r\n\/* ================================================= *\/\r\n\r\n@media (max-width: 640px) {\r\n  \/* 1. Kapsay\u0131c\u0131y\u0131 ferahlat *\/\r\n  .belka-sticky-bottom-bar-container {\r\n    padding: 12px 16px 16px 16px;\r\n  }\r\n\r\n  .belka-sticky-bottom-bar-content-row {\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* 2. Numune Butonu (\u0130kincil Buton) *\/\r\n  .belka-sticky-bottom-bar-sample-button {\r\n    width: 100%;\r\n    height: 44px; \/* Y\u00fckseklik artt\u0131 *\/\r\n    background-color: #F3F4F6; \/* \u00c7ok a\u00e7\u0131k gri zemin *\/\r\n    border: 1px solid #E5E7EB; \/* \u0130nce \u00e7er\u00e7eve *\/\r\n    color: var(--belka-color-foreground);\r\n    font-weight: 600;\r\n    font-size: 0.85rem;\r\n    border-radius: var(--belka-radius-lg);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.1s ease;\r\n  }\r\n  \r\n  .belka-sticky-bottom-bar-sample-button:active {\r\n    transform: scale(0.97); \/* T\u0131klama efekti *\/\r\n    background-color: #E5E7EB;\r\n  }\r\n\r\n  \/* 3. Alt Sat\u0131r D\u00fczeni (Fiyat ve Kasa Butonu) *\/\r\n  .belka-sticky-bottom-bar-main-row {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr; \/* Fiyat s\u0131\u011fd\u0131\u011f\u0131 kadar, Buton kalan\u0131 kaplas\u0131n *\/\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Fiyat Alan\u0131 *\/\r\n  .belka-sticky-bottom-bar-price-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .belka-sticky-bottom-bar-price-current {\r\n    font-size: 1.35rem; \/* Fiyat daha okunakl\u0131 *\/\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    color: var(--belka-color-foreground);\r\n  }\r\n  \r\n  .belka-sticky-bottom-bar-savings-text {\r\n    font-size: 0.7rem;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* 4. \"Zur Kasse\" (Sat\u0131n Al) Butonu - Premium His *\/\r\n  .elementor-widget-html .belka-sticky-bottom-bar-checkout-button {\r\n    width: 100%;\r\n    height: 54px; \/* B\u00fcy\u00fck, parmak dostu y\u00fckseklik *\/\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    border-radius: 12px; \/* Daha modern yuvarlakl\u0131k *\/\r\n    margin: 0;\r\n    \r\n    \/* Canl\u0131 Gradient ve G\u00f6lge *\/\r\n    background: linear-gradient(135deg, var(--belka-color-primary) 0%, #0d4a46 100%);\r\n    box-shadow: 0 8px 20px rgba(17, 94, 89, 0.25);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n  }\r\n\r\n  \/* Aktif durum efekti *\/\r\n  .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--enabled:active {\r\n    transform: scale(0.96);\r\n    box-shadow: 0 4px 10px rgba(17, 94, 89, 0.2);\r\n  }\r\n\r\n  \/* Disabled (Pasif) durum *\/\r\n  .elementor-widget-html .belka-sticky-bottom-bar-checkout-button--disabled {\r\n    background: #e5e5e5;\r\n    color: #a0a0a0;\r\n    box-shadow: none;\r\n    border: none;\r\n  }\r\n}\r\n.belka-step-header-container {\r\n  display: flex !important;\r\n  align-items: center !important; \/* Dikeyde tam ortala *\/\r\n  gap: 10px !important;\r\n}\r\n\r\n.belka-step-header-title {\r\n  margin: 0 !important; \/* Temadan gelen bo\u015fluklar\u0131 sil *\/\r\n  padding: 0 !important;\r\n  line-height: 1.2 !important; \/* Sat\u0131r aral\u0131\u011f\u0131n\u0131 s\u0131k\u0131la\u015ft\u0131r *\/\r\n  display: block !important;\r\n}\r\n\r\n.belka-step-header-number-badge {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important; \/* Yuvarla\u011f\u0131n ezilmesini engelle *\/\r\n  margin: 0 !important; \/* D\u0131\u015f bo\u015fluklar\u0131 s\u0131f\u0131rla *\/\r\n  \r\n  \/* E\u011fer hala g\u00f6z\u00fcne hafif a\u015fa\u011f\u0131da geliyorsa, \r\n     a\u015fa\u011f\u0131daki sat\u0131r\u0131 aktif edip (1px) de\u011ferini art\u0131rabilirsin: *\/\r\n  \/* transform: translateY(-1px); *\/\r\n}\r\n\/* ================================================= *\/\r\n\/* WOODMART TEMASI HOVER \u0130PTAL\u0130 (RESET)              *\/\r\n\/* ================================================= *\/\r\n\r\n\/* 1. Renk Se\u00e7ici, Varyasyon Kart\u0131 ve Akordiyon butonlar\u0131n\u0131 temizle *\/\r\n.belka-main-content-section button.belka-color-selector-button:hover,\r\n.belka-main-content-section button.belka-variation-selector-card:hover,\r\n.belka-main-content-section button.belka-accordion-trigger-button:hover,\r\n.belka-main-content-section button.belka-trowel-upsell-button:hover {\r\n    background-color: transparent !important; \/* Temadan gelen arka plan\u0131 sil *\/\r\n    box-shadow: none !important;             \/* G\u00f6lgeyi sil *\/\r\n    color: inherit !important;               \/* Rengi de\u011fi\u015ftirme *\/\r\n    \r\n    transform: none !important;              \/* B\u00fcy\u00fcme\/k\u00fc\u00e7\u00fclme efektini sil *\/\r\n}\r\n\r\n\/* 2. Varyasyon kart\u0131 i\u00e7in \u00f6zel durum (Sizin hover efektiniz \u00e7al\u0131\u015fs\u0131n diye) *\/\r\n\/* Kart\u0131n kendi hover efekti border-color ve shadow \u00fczerine kurulu, \r\n   Woodmart'\u0131n background rengini engelliyoruz *\/\r\n.belka-main-content-section button.belka-variation-selector-card:hover {\r\n    background-color: var(--belka-color-card) !important; \r\n}\r\n\r\n\/* 3. Se\u00e7ili varyasyonun arka plan\u0131n\u0131 koru *\/\r\n.belka-main-content-section button.belka-variation-selector-card.belka-variation-selector-card--selected:hover {\r\n    background-color: rgba(17, 94, 89, 0.05) !important;\r\n}\r\n\r\n\/* 4. Numune Butonu (Gri kalmal\u0131, teman\u0131n rengini almamal\u0131) *\/\r\nbutton#belkaSampleButton:hover {\r\n    background-color: #E5E7EB !important;\r\n    color: var(--belka-color-foreground) !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* 5. Sepete Ekle Butonu (Gradient bozulmas\u0131n diye) *\/\r\nbutton#belkaCheckoutButton:hover {\r\n    \/* Teman\u0131n d\u00fcz rengi yerine sizin gradient'inizi zorluyoruz *\/\r\n    background: linear-gradient(135deg, var(--belka-color-primary) 0%, #0d4a46 100%) !important;\r\n    color: #fff !important;\r\n    box-shadow: 0 8px 20px rgba(17, 94, 89, 0.25) !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* 6. Sepete Ekle Pasif (Disabled) Durumu *\/\r\nbutton#belkaCheckoutButton:disabled:hover {\r\n    background-color: var(--belka-color-secondary) !important;\r\n    color: var(--belka-color-muted) !important;\r\n    box-shadow: none !important;\r\n    cursor: not-allowed !important;\r\n}\r\n.elementor-element-634b3c0 {\r\n    margin-top: -1rem !important;\r\n}\r\n  <\/style>\r\n\r\n  <div class=\"elementor-widget-html\">\r\n    <!-- SECTION: STICKY TOP BAR -->\r\n    <section class=\"belka-sticky-top-bar-section\">\r\n      <div class=\"belka-sticky-top-bar-container\">\r\n        <div class=\"belka-sticky-top-bar-left-content\">\r\n          <div class=\"belka-sticky-top-bar-check-icon-wrapper\">\r\n            <svg class=\"belka-sticky-top-bar-check-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"belka-sticky-top-bar-text-wrapper\">\r\n            <span class=\"belka-sticky-top-bar-label-text\">Ihr Bedarf<\/span>\r\n            <span class=\"belka-sticky-top-bar-value-text\">\r\n              <span id=\"belkaTopBarKg\">20<\/span> kg\r\n              <span class=\"belka-sticky-top-bar-value-secondary\">~ <span id=\"belkaTopBarM2\">66<\/span> m\u00b2<\/span>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"belka-sticky-top-bar-discount-badge\">\r\n          <svg class=\"belka-sticky-top-bar-discount-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M12 3l1.5 4.5h4.5l-3.5 2.5 1.5 4.5-4-3-4 3 1.5-4.5-3.5-2.5h4.5z\"><\/path>\r\n          <\/svg>\r\n          <span class=\"belka-sticky-top-bar-discount-text\">10% Rabatt<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: MAIN CONTENT -->\r\n    <main class=\"belka-main-content-section\">\r\n      <!-- Page Header -->\r\n      <div class=\"belka-page-header-container\">\r\n        <h1 class=\"belka-page-header-title\">W\u00e4hlen Sie Ihre Farbe<\/h1>\r\n        <p class=\"belka-page-header-description\">Premium Baumwollbeschichtung f\u00fcr ein gesundes Raumklima<\/p>\r\n      <\/div>\r\n\r\n      <!-- SECTION: STEP 1 - COLOR FAMILY -->\r\n      <section class=\"belka-color-selector-section\">\r\n        <div class=\"belka-step-header-container\">\r\n          <span class=\"belka-step-header-number-badge\">1<\/span>\r\n          <h2 class=\"belka-step-header-title\">Farbfamilie<\/h2>\r\n        <\/div>\r\n        <div class=\"belka-color-selector-grid\" id=\"belkaColorSelectorGrid\">\r\n          <!-- Color buttons will be generated by JS -->\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SECTION: STEP 2 - VARIATION -->\r\n      <section class=\"belka-variation-selector-section belka-hidden\" id=\"belkaVariationSection\">\r\n        <div class=\"belka-step-header-container\">\r\n          <span class=\"belka-step-header-number-badge\">2<\/span>\r\n          <h2 class=\"belka-step-header-title\">Farbton w\u00e4hlen<\/h2>\r\n        <\/div>\r\n        <div class=\"belka-variation-selector-grid\" id=\"belkaVariationSelectorGrid\">\r\n          <!-- Variation buttons will be generated by JS -->\r\n        <\/div>\r\n      <\/section>\r\n\r\n<!-- SECTION: PRODUCT TEMPLATE -->\r\n      <section class=\"belka-product-template-section belka-hidden\" id=\"belkaProductSection\">\r\n        <div class=\"belka-product-template-card\">\r\n          <!-- BURASI DE\u011e\u0130\u015eT\u0130: div yerine img etiketi geldi -->\r\n          <img decoding=\"async\" \r\n            class=\"belka-product-template-color-preview\" \r\n            id=\"belkaProductColorPreview\" \r\n            src=\"\" \r\n            alt=\"Produktvorschau\"\r\n            style=\"object-fit: contain; width: 100%; display: block;\"\r\n          >\r\n          \r\n          <div class=\"belka-product-template-info-container\">\r\n            <div class=\"belka-product-template-header-row\">\r\n              <h3 class=\"belka-product-template-title\" id=\"belkaProductTitle\">Belka Wandbeschichtung<\/h3>\r\n              <div class=\"belka-product-template-delivery-badge\">\r\n                <svg class=\"belka-product-template-delivery-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n                  <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\r\n                  <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                  <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                <\/svg>\r\n                <span class=\"belka-product-template-delivery-text\">Sofort lieferbar<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <p class=\"belka-product-template-description\">Nat\u00fcrliche Baumwollstruktur f\u00fcr angenehmes Raumklima und zus\u00e4tzliche Schalld\u00e4mmung.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SECTION: QUICK SPECS -->\r\n      <section class=\"belka-quick-specs-section belka-hidden\" id=\"belkaQuickSpecsSection\">\r\n        <div class=\"belka-quick-specs-scroll-container\">\r\n          <div class=\"belka-quick-specs-pill\">\r\n            <svg class=\"belka-quick-specs-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n            <\/svg>\r\n            <span class=\"belka-quick-specs-label\">24-48h Trocknung<\/span>\r\n          <\/div>\r\n          <div class=\"belka-quick-specs-pill\">\r\n            <svg class=\"belka-quick-specs-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n              <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n              <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2\"><\/path>\r\n              <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v8\"><\/path>\r\n              <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n            <\/svg>\r\n            <span class=\"belka-quick-specs-label\">DIY-freundlich<\/span>\r\n          <\/div>\r\n          <div class=\"belka-quick-specs-pill\">\r\n            <svg class=\"belka-quick-specs-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n              <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\r\n              <polyline points=\"2 17 12 22 22 17\"><\/polyline>\r\n              <polyline points=\"2 12 12 17 22 12\"><\/polyline>\r\n            <\/svg>\r\n            <span class=\"belka-quick-specs-label\">Alle Untergr\u00fcnde<\/span>\r\n          <\/div>\r\n          <div class=\"belka-quick-specs-pill\">\r\n            <svg class=\"belka-quick-specs-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n              <path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"><\/path>\r\n              <path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"><\/path>\r\n            <\/svg>\r\n            <span class=\"belka-quick-specs-label\">100% Nat\u00fcrlich<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SECTION: PACKAGE INFO -->\r\n      <section class=\"belka-package-info-section belka-hidden\" id=\"belkaPackageSection\">\r\n        <div class=\"belka-package-info-card\">\r\n          <div class=\"belka-package-info-content-row\">\r\n            <div class=\"belka-package-info-icon-wrapper\">\r\n              <svg class=\"belka-package-info-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"m7.5 4.27 9 5.15\"><\/path>\r\n                <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"><\/path>\r\n                <path d=\"m3.3 7 8.7 5 8.7-5\"><\/path>\r\n                <path d=\"M12 22V12\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"belka-package-info-text-container\">\r\n              <div class=\"belka-package-info-header-row\">\r\n                <h3 class=\"belka-package-info-title\">Optimiertes Paket<\/h3>\r\n                <span class=\"belka-package-info-recommended-badge\">Empfohlen<\/span>\r\n              <\/div>\r\n              <p class=\"belka-package-info-details-text\">\r\n                <span id=\"belkaPackageBags\">4<\/span>x Gro\u00dfpackung\r\n                <span class=\"belka-package-info-details-secondary\">(5 kg \u00e0 <span id=\"belkaPackagePrice\">35<\/span>,00 \u20ac)<\/span>\r\n              <\/p>\r\n              <p class=\"belka-package-info-note-text\">Inkl. 10% Reserve f\u00fcr Ausbesserungen<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SECTION: TROWEL UPSELL -->\r\n      <section class=\"belka-trowel-upsell-section belka-hidden\" id=\"belkaTrowelSection\">\r\n        <button type=\"button\" class=\"belka-trowel-upsell-button\" id=\"belkaTrowelButton\">\r\n          <div class=\"belka-trowel-upsell-content-row\">\r\n            <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/10\/belka-kelle-mit-rotem-griff-6-768x1024.jpg\" alt=\"Profi-Gl\u00e4ttkelle\" class=\"belka-trowel-upsell-image\">\r\n            <div class=\"belka-trowel-upsell-checkbox-wrapper\">\r\n              <div class=\"belka-trowel-upsell-checkbox\" id=\"belkaTrowelCheckbox\">\r\n                <svg class=\"belka-trowel-upsell-checkbox-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\">\r\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"belka-trowel-upsell-info-container\">\r\n              <div class=\"belka-trowel-upsell-header-row\">\r\n                <h4 class=\"belka-trowel-upsell-title\">Profi-Gl\u00e4ttkelle<\/h4>\r\n                <span class=\"belka-trowel-upsell-recommended-badge\">\r\n                  <svg class=\"belka-trowel-upsell-recommended-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M12 3l1.5 4.5h4.5l-3.5 2.5 1.5 4.5-4-3-4 3 1.5-4.5-3.5-2.5h4.5z\"><\/path>\r\n                  <\/svg>\r\n                  Empfohlen\r\n                <\/span>\r\n              <\/div>\r\n              <p class=\"belka-trowel-upsell-description\">F\u00fcr das perfekte Finish. Ideal f\u00fcr Erstnutzer.<\/p>\r\n              <p class=\"belka-trowel-upsell-price\">+ 17,00 \u20ac<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/button>\r\n      <\/section>\r\n\r\n      <!-- SECTION: PRODUCT DETAILS ACCORDION -->\r\n      <section class=\"belka-product-details-section belka-hidden\" id=\"belkaDetailsSection\">\r\n        <h3 class=\"belka-product-details-title\">Produktdetails<\/h3>\r\n        <div class=\"belka-accordion-container\">\r\n          <div class=\"belka-accordion-item\" data-accordion=\"instructions\">\r\n            <button type=\"button\" class=\"belka-accordion-trigger-button\">\r\n              <span class=\"belka-accordion-trigger-text\">Anleitung in 3 Schritten<\/span>\r\n              <svg class=\"belka-accordion-trigger-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n              <\/svg>\r\n            <\/button>\r\n            <div class=\"belka-accordion-content\">\r\n              <ol class=\"belka-accordion-list\">\r\n                <li class=\"belka-accordion-list-item\">Mit Wasser mischen<\/li>\r\n                <li class=\"belka-accordion-list-item\">Kneten und 60 Minuten ruhen lassen<\/li>\r\n                <li class=\"belka-accordion-list-item\">Mit der Kelle auftragen (2mm)<\/li>\r\n              <\/ol>\r\n              <p class=\"belka-accordion-note\">Kein Profi n\u00f6tig! Auch DIY-Anf\u00e4nger erzielen gro\u00dfartige Ergebnisse.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"belka-accordion-item\" data-accordion=\"surfaces\">\r\n            <button type=\"button\" class=\"belka-accordion-trigger-button\">\r\n              <span class=\"belka-accordion-trigger-text\">Geeignete Untergr\u00fcnde<\/span>\r\n              <svg class=\"belka-accordion-trigger-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n              <\/svg>\r\n            <\/button>\r\n            <div class=\"belka-accordion-content\">\r\n              <p class=\"belka-accordion-text\">Belka h\u00e4lt perfekt auf: Fliesen, Glas, Holz, Putz, Farbe & Tapete.<\/p>\r\n              <p class=\"belka-accordion-note\">Die vielseitige Haftung macht Belka zur idealen L\u00f6sung f\u00fcr alle Innenr\u00e4ume.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"belka-accordion-item\" data-accordion=\"technical\">\r\n            <button type=\"button\" class=\"belka-accordion-trigger-button\">\r\n              <span class=\"belka-accordion-trigger-text\">Technische Daten<\/span>\r\n              <svg class=\"belka-accordion-trigger-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n              <\/svg>\r\n            <\/button>\r\n            <div class=\"belka-accordion-content\">\r\n              <ul class=\"belka-accordion-specs-list\">\r\n                <li class=\"belka-accordion-specs-item\"><span class=\"belka-accordion-specs-label\">Reichweite:<\/span> ca. 3,3m\u00b2 pro kg<\/li>\r\n                <li class=\"belka-accordion-specs-item\"><span class=\"belka-accordion-specs-label\">Schichtdicke:<\/span> 2-3mm<\/li>\r\n                <li class=\"belka-accordion-specs-item\"><span class=\"belka-accordion-specs-label\">Trocknungszeit:<\/span> 24-48 Stunden<\/li>\r\n                <li class=\"belka-accordion-specs-item\"><span class=\"belka-accordion-specs-label\">Lagerung:<\/span> K\u00fchl und trocken lagern<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SECTION: FOOTER -->\r\n      <footer class=\"belka-footer-section\">\r\n        <p class=\"belka-footer-text\">Made in Germany \u00b7 Kostenloser Versand \u00b7 30 Tage R\u00fcckgabe<\/p>\r\n      <\/footer>\r\n    <\/main>\r\n\r\n    <!-- SECTION: STICKY BOTTOM BAR -->\r\n    <section class=\"belka-sticky-bottom-bar-section\">\r\n      <div class=\"belka-sticky-bottom-bar-container\">\r\n        <div class=\"belka-sticky-bottom-bar-content-row\">\r\n          <button type=\"button\" class=\"belka-sticky-bottom-bar-sample-button\" id=\"belkaSampleButton\">\r\n            Muster kaufen (8\u20ac)\r\n          <\/button>\r\n          <div class=\"belka-sticky-bottom-bar-main-row\">\r\n            <div class=\"belka-sticky-bottom-bar-price-container\">\r\n              <div class=\"belka-sticky-bottom-bar-price-row\">\r\n                <span class=\"belka-sticky-bottom-bar-price-current\" id=\"belkaBottomTotal\">0,00 \u20ac<\/span>\r\n                <span class=\"belka-sticky-bottom-bar-price-original\" id=\"belkaBottomSubtotal\"><\/span>\r\n              <\/div>\r\n              <p class=\"belka-sticky-bottom-bar-savings-text\" id=\"belkaBottomSavings\"><\/p>\r\n            <\/div>\r\n            <button type=\"button\" class=\"belka-sticky-bottom-bar-checkout-button belka-sticky-bottom-bar-checkout-button--disabled\" id=\"belkaCheckoutButton\" disabled>\r\n              Zur Kasse\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"belka-sticky-bottom-bar-safe-area\"><\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ ======================= \r\n  \/\/ ANALYTICS \/ TRACKING YARDIMCISI\r\n  \/\/ ======================= \r\n  function trackEvent(eventName, params) {\r\n    if (window.dataLayer) {\r\n      window.dataLayer.push({\r\n        event: eventName,\r\n        ecommerce: params \/\/ GA4 E-commerce yap\u0131s\u0131 i\u00e7in genelde 'ecommerce' objesi i\u00e7ine veya direkt root'a at\u0131labilir. GTM yap\u0131n\u0131za g\u00f6re root'a at\u0131yoruz.\r\n      });\r\n      \/\/ GA4 Direkt Event Yap\u0131s\u0131 (Alternatif ve Yayg\u0131n Kullan\u0131m)\r\n      window.dataLayer.push({\r\n        event: eventName,\r\n        ...params\r\n      });\r\n      \r\n      console.log('\ud83d\udd25 Event Tracked:', eventName, params);\r\n    } else {\r\n      console.warn('GTM dataLayer not found.');\r\n    }\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ DOM ELEMENTLER\u0130\r\n  \/\/ ======================= \r\n  const el = {\r\n    colorGrid: document.getElementById('belkaColorSelectorGrid'),\r\n    variationSection: document.getElementById('belkaVariationSection'),\r\n    variationGrid: document.getElementById('belkaVariationSelectorGrid'),\r\n    productSection: document.getElementById('belkaProductSection'),\r\n    productColorPreview: document.getElementById('belkaProductColorPreview'),\r\n    productTitle: document.getElementById('belkaProductTitle'),\r\n    quickSpecs: document.getElementById('belkaQuickSpecsSection'),\r\n    packageSection: document.getElementById('belkaPackageSection'),\r\n    packageDetails: document.querySelector('.belka-package-info-details-text'),\r\n    packagePrice: document.getElementById('belkaPackagePrice'),\r\n    packageBags: document.getElementById('belkaPackageBags'),\r\n    trowelSection: document.getElementById('belkaTrowelSection'),\r\n    trowelBtn: document.getElementById('belkaTrowelButton'),\r\n    trowelCheckbox: document.getElementById('belkaTrowelCheckbox'),\r\n    sampleBtn: document.getElementById('belkaSampleButton'),\r\n    detailsSection: document.getElementById('belkaDetailsSection'),\r\n    topBarKg: document.getElementById('belkaTopBarKg'),\r\n    topBarM2: document.getElementById('belkaTopBarM2'),\r\n    bottomTotal: document.getElementById('belkaBottomTotal'),\r\n    bottomSubtotal: document.getElementById('belkaBottomSubtotal'),\r\n    bottomSavings: document.getElementById('belkaBottomSavings'),\r\n    checkoutBtn: document.getElementById('belkaCheckoutButton')\r\n  };\r\n\r\n  \/\/ ======================= \r\n  \/\/ STATE\r\n  \/\/ ======================= \r\n  let state = {\r\n    config: null,\r\n    requiredKg: 20, \r\n    selectedColorId: null,\r\n    selectedProductGroup: null, \r\n    productsInCurrentColor: [], \r\n    cartPlan: [],\r\n    trowelSelected: false,\r\n    sampleSelected: false\r\n  };\r\n\r\n  \/\/ ======================= \r\n  \/\/ BA\u015eLATMA\r\n  \/\/ ======================= \r\n  function init() {\r\n    const defaults = { \r\n        colors: [],\r\n        trowelPrice: 17.00, \/\/ Varsay\u0131lan Mala Fiyat\u0131\r\n        samplePrice: 8.00,  \/\/ Varsay\u0131lan Numune Fiyat\u0131\r\n        texts: {\r\n            colorsError: \"Farben konnten nicht geladen werden.\",\r\n            loadingProducts: \"Pakete werden berechnet...\",\r\n            noProducts: \"Keine passenden Pakete verf\u00fcgbar.\",\r\n            error: \"Ein Fehler ist aufgetreten.\",\r\n            adding: \"Wird hinzugef\u00fcgt...\",\r\n            errorCart: \"Fehler beim Hinzuf\u00fcgen.\"\r\n        }\r\n    };\r\n    state.config = window.BELKA_CONFIG || defaults;\r\n\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    if(urlParams.has('kg')) {\r\n        state.requiredKg = parseInt(urlParams.get('kg'));\r\n    }\r\n    \r\n    updateTopBar();\r\n    renderColorSelector();\r\n    initEventListeners();\r\n  }\r\n\r\n  function updateTopBar() {\r\n      if(el.topBarKg) el.topBarKg.textContent = state.requiredKg;\r\n      if(el.topBarM2) el.topBarM2.textContent = Math.round(state.requiredKg * 3.3);\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ RENK SE\u00c7\u0130M\u0130\r\n  \/\/ ======================= \r\n  function renderColorSelector() {\r\n    const colors = state.config.colors || [];\r\n    if (colors.length === 0) {\r\n        el.colorGrid.innerHTML = `<p style=\"grid-column:1\/-1; color:red;\">${state.config.texts.colorsError}<\/p>`;\r\n        return;\r\n    }\r\n\r\n    el.colorGrid.innerHTML = colors.map(color => {\r\n      const isSelected = state.selectedColorId === color.id;\r\n      return `\r\n        <button \r\n          class=\"belka-color-selector-button\" \r\n          data-color-id=\"${color.id}\"\r\n          data-color-name=\"${color.name}\"\r\n          type=\"button\"\r\n        >\r\n          <div class=\"belka-color-selector-swatch-wrapper\">\r\n            <div class=\"belka-color-selector-swatch ${isSelected ? 'belka-color-selector-swatch--selected' : ''}\" style=\"background-color: ${color.bgColor}; border-color: ${color.borderColor};\"><\/div>\r\n            ${isSelected ? '<div class=\"belka-color-selector-check-badge\">\u2713<\/div>' : ''}\r\n          <\/div>\r\n          <span class=\"belka-color-selector-label ${isSelected ? 'belka-color-selector-label--selected' : ''}\">${color.name}<\/span>\r\n        <\/button>\r\n      `;\r\n    }).join('');\r\n\r\n    el.colorGrid.querySelectorAll('.belka-color-selector-button').forEach(btn => {\r\n      btn.addEventListener('click', () => handleColorClick(btn.dataset.colorId, btn.dataset.colorName));\r\n    });\r\n  }\r\n\r\n  async function handleColorClick(colorId, colorName) {\r\n    state.selectedColorId = colorId;\r\n    state.selectedProductGroup = null;\r\n    state.productsInCurrentColor = [];\r\n    \r\n    \/\/ [TRACKING] Renk Ailesi Se\u00e7imi\r\n    trackEvent('select_content', {\r\n        content_type: 'color_family_selection',\r\n        item_category: colorName || colorId\r\n    });\r\n\r\n    renderColorSelector(); \r\n    \r\n    el.variationSection.classList.remove('belka-hidden');\r\n    el.variationGrid.innerHTML = `<div style=\"grid-column: 1\/-1; text-align:center; padding: 2rem;\">${state.config.texts.loadingProducts}<\/div>`;\r\n    \r\n    [el.productSection, el.quickSpecs, el.packageSection, el.trowelSection, el.detailsSection].forEach(s => s.classList.add('belka-hidden'));\r\n    updateUI(); \r\n\r\n    try {\r\n      const formData = new FormData();\r\n      formData.append('action', 'belka_get_products_by_color');\r\n      formData.append('color_slug', colorId);\r\n\r\n      const response = await fetch(state.config.ajaxUrl, { method: 'POST', body: formData });\r\n      const json = await response.json();\r\n\r\n      if (json.success && json.data.length > 0) {\r\n        state.productsInCurrentColor = json.data;\r\n        renderVariationSelector();\r\n      } else {\r\n        el.variationGrid.innerHTML = `<div style=\"grid-column: 1\/-1; text-align:center;\">${state.config.texts.noProducts}<\/div>`;\r\n      }\r\n    } catch (error) {\r\n      console.error(error);\r\n      el.variationGrid.innerHTML = `<div style=\"grid-column: 1\/-1; color:red;\">${state.config.texts.error}<\/div>`;\r\n    }\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ \u00dcR\u00dcN GRUBU SE\u00c7\u0130M\u0130\r\n  \/\/ ======================= \r\n  function renderVariationSelector() {\r\n    const products = state.productsInCurrentColor;\r\n    const uniqueGroups = {};\r\n    \r\n    products.forEach(p => {\r\n        if (!uniqueGroups[p.parent_name]) uniqueGroups[p.parent_name] = p;\r\n    });\r\n    \r\n    const listToRender = Object.values(uniqueGroups);\r\n\r\n    el.variationGrid.innerHTML = listToRender.map(p => {\r\n        const isSelected = state.selectedProductGroup === p.parent_name;\r\n        const pricePerKg = p.weight > 0 ? (p.price \/ p.weight) : p.price;\r\n\r\n        return `\r\n        <button \r\n          class=\"belka-variation-selector-card ${isSelected ? 'belka-variation-selector-card--selected' : ''}\"\r\n          data-group-name=\"${p.parent_name}\"\r\n          type=\"button\"\r\n        >\r\n          <img decoding=\"async\" src=\"${p.image_url}\" class=\"belka-variation-selector-color-preview\" style=\"object-fit: cover; background-color: #f0f0f0;\">\r\n          <div class=\"belka-variation-selector-text-row\">\r\n            <div class=\"belka-variation-selector-text-content\">\r\n              <p class=\"belka-variation-selector-name ${isSelected ? 'belka-variation-selector-name--selected' : ''}\">${p.parent_name}<\/p>\r\n              <p class=\"belka-variation-selector-price-per-kg\">${pricePerKg.toFixed(2).replace('.',',')} \u20ac <span class=\"belka-variation-selector-price-unit\">\/ kg<\/span><\/p>\r\n            <\/div>\r\n            ${isSelected ? '<div class=\"belka-variation-selector-selected-dot\"><\/div>' : ''}\r\n          <\/div>\r\n        <\/button>\r\n        `;\r\n    }).join('');\r\n\r\n    el.variationGrid.querySelectorAll('.belka-variation-selector-card').forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n            state.selectedProductGroup = btn.dataset.groupName;\r\n\r\n            \/\/ [TRACKING] Varyasyon Se\u00e7imi\r\n            trackEvent('select_content', {\r\n                content_type: 'product_variation',\r\n                item_category: state.selectedColorId,\r\n                item_variant: btn.dataset.groupName\r\n            });\r\n\r\n            renderVariationSelector();\r\n            calculateSmartPackages(); \r\n            updateUI();\r\n        });\r\n    });\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ HESAPLAMA MOTORU\r\n  \/\/ ======================= \r\n  function calculateSmartPackages() {\r\n      if (!state.selectedProductGroup) return;\r\n\r\n      let variations = state.productsInCurrentColor.filter(p => p.parent_name === state.selectedProductGroup);\r\n      variations = variations.filter(v => (v.stock === null || v.stock > 0) && v.weight >= 1);\r\n\r\n      if (variations.length === 0) {\r\n          state.cartPlan = [];\r\n          alert(\"Leider sind alle Pakete f\u00fcr dieses Produkt ausverkauft.\");\r\n          return;\r\n      }\r\n\r\n      variations.sort((a, b) => (a.price \/ a.weight) - (b.price \/ b.weight));\r\n\r\n      let remainingKg = state.requiredKg;\r\n      let cartPlan = [];\r\n\r\n      for (let pack of variations) {\r\n          if (remainingKg <= 0) break;\r\n          let count = Math.floor(remainingKg \/ pack.weight);\r\n          if (pack.stock !== null && count > pack.stock) {\r\n              count = pack.stock;\r\n          }\r\n          if (count > 0) {\r\n              cartPlan.push({ ...pack, qty: count });\r\n              remainingKg -= (count * pack.weight);\r\n          }\r\n      }\r\n\r\n      if (remainingKg > 0) {\r\n          variations.sort((a, b) => a.weight - b.weight);\r\n          const fillerPack = variations.find(v => (v.stock === null || v.stock > 0));\r\n          if (fillerPack) {\r\n              const existingItem = cartPlan.find(i => i.id === fillerPack.id);\r\n              if (existingItem) {\r\n                   if (fillerPack.stock === null || existingItem.qty < fillerPack.stock) {\r\n                       existingItem.qty++;\r\n                   }\r\n              } else {\r\n                  cartPlan.push({ ...fillerPack, qty: 1 });\r\n              }\r\n          }\r\n      }\r\n      state.cartPlan = cartPlan;\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ UI G\u00dcNCELLEME\r\n  \/\/ ======================= \r\n  function updateUI() {\r\n    const hasSelection = state.selectedProductGroup !== null;\r\n\r\n    [el.productSection, el.quickSpecs, el.packageSection, el.trowelSection, el.detailsSection].forEach(sect => {\r\n        if(sect) sect.classList.toggle('belka-hidden', !hasSelection);\r\n    });\r\n\r\n    if (hasSelection && state.cartPlan.length > 0) {\r\n        \r\n        const currentProduct = state.productsInCurrentColor.find(p => p.parent_name === state.selectedProductGroup);\r\n        if(el.productColorPreview && currentProduct) {\r\n            el.productColorPreview.src = currentProduct.image_url2;\r\n            el.productColorPreview.style.backgroundColor = 'transparent';\r\n        }\r\n        if(el.productTitle) el.productTitle.textContent = state.selectedProductGroup;\r\n\r\n        const totalWeight = state.cartPlan.reduce((sum, item) => sum + (item.weight * item.qty), 0);\r\n        const summary = state.cartPlan.map(i => `${i.qty}x ${parseFloat(i.weight)} kg`).join(' + ');\r\n        \r\n        if(el.packageDetails) {\r\n            el.packageDetails.innerHTML = `\r\n                <span style=\"font-weight:700; color:#115E59\">${summary}<\/span>\r\n                <span style=\"font-size:0.85em; color:#666; display:block; margin-top:4px;\">(Gesamt: ${parseFloat(totalWeight)} kg)<\/span>\r\n            `;\r\n        }\r\n        \r\n        if(el.packageBags) el.packageBags.textContent = state.cartPlan.reduce((a,b) => a + b.qty, 0);\r\n        updatePrices();\r\n\r\n        el.checkoutBtn.disabled = false;\r\n        el.checkoutBtn.classList.add('belka-sticky-bottom-bar-checkout-button--enabled');\r\n        el.checkoutBtn.classList.remove('belka-sticky-bottom-bar-checkout-button--disabled');\r\n    } else {\r\n        el.checkoutBtn.disabled = true;\r\n        el.checkoutBtn.classList.remove('belka-sticky-bottom-bar-checkout-button--enabled');\r\n        el.checkoutBtn.classList.add('belka-sticky-bottom-bar-checkout-button--disabled');\r\n        el.bottomTotal.textContent = \"0,00 \u20ac\";\r\n    }\r\n  }\r\n\r\n  function updatePrices() {\r\n      let productTotal = state.cartPlan.reduce((sum, item) => sum + (item.price * item.qty), 0);\r\n      let extrasTotal = 0;\r\n      \r\n      if (state.trowelSelected) extrasTotal += state.config.trowelPrice || 0;\r\n      if (state.sampleSelected) extrasTotal += state.config.samplePrice || 0;\r\n\r\n      const grandTotal = productTotal + extrasTotal;\r\n\r\n      if(el.packagePrice) el.packagePrice.textContent = productTotal.toFixed(2).replace('.', ',');\r\n      el.bottomTotal.textContent = grandTotal.toFixed(2).replace('.', ',') + ' \u20ac';\r\n\r\n      if(el.bottomSubtotal) {\r\n          const fakeOriginal = grandTotal * 1.10;\r\n          el.bottomSubtotal.textContent = fakeOriginal.toFixed(2).replace('.', ',') + ' \u20ac';\r\n          if(el.bottomSavings) el.bottomSavings.textContent = (fakeOriginal - grandTotal).toFixed(2).replace('.', ',') + ' \u20ac Ersparnis';\r\n      }\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ SEPETE EKLEME & ADD_TO_CART EVENT\u0130\r\n  \/\/ ======================= \r\n  async function addToCart() {\r\n      if (state.cartPlan.length === 0) return;\r\n      \r\n      \/\/ 1. GTM \u0130\u00c7\u0130N VER\u0130 HAZIRLI\u011eI\r\n      let gtmItems = [];\r\n      let totalValue = 0;\r\n\r\n      \/\/ a) Ana \u00dcr\u00fcnleri Ekle\r\n      state.cartPlan.forEach(p => {\r\n          const lineTotal = p.price * p.qty;\r\n          totalValue += lineTotal;\r\n          gtmItems.push({\r\n              item_id: p.id,\r\n              item_name: p.parent_name + ` (${p.weight}kg)`, \/\/ \u00d6rn: Belka B-045 (5kg)\r\n              price: parseFloat(p.price),\r\n              quantity: p.qty,\r\n              item_category: 'Wall Coating'\r\n          });\r\n      });\r\n\r\n      \/\/ b) Mala Se\u00e7ildiyse Ekle\r\n      if (state.trowelSelected) {\r\n          const trowelPrice = state.config.trowelPrice || 17.00;\r\n          totalValue += trowelPrice;\r\n          gtmItems.push({\r\n              item_id: state.config.trowelId || 'TR-001',\r\n              item_name: 'Profi-Gl\u00e4ttkelle',\r\n              price: trowelPrice,\r\n              quantity: 1,\r\n              item_category: 'Tools'\r\n          });\r\n      }\r\n\r\n      \/\/ c) Numune Se\u00e7ildiyse Ekle\r\n      if (state.sampleSelected) {\r\n          const samplePrice = state.config.samplePrice || 8.00;\r\n          totalValue += samplePrice;\r\n          gtmItems.push({\r\n              item_id: state.config.sampleId || 'SMP-001',\r\n              item_name: 'Muster',\r\n              price: samplePrice,\r\n              quantity: 1,\r\n              item_category: 'Samples'\r\n          });\r\n      }\r\n\r\n      \/\/ 2. GTM ADD_TO_CART EVENT\u0130N\u0130 TET\u0130KLE\r\n      trackEvent('add_to_cart', {\r\n          currency: 'EUR',\r\n          value: parseFloat(totalValue.toFixed(2)),\r\n          items: gtmItems\r\n      });\r\n\r\n      \/\/ 3. SUNUCUYA G\u00d6NDERME \u0130\u015eLEM\u0130\r\n      const originalText = el.checkoutBtn.textContent;\r\n      el.checkoutBtn.textContent = state.config.texts.adding;\r\n      el.checkoutBtn.disabled = true;\r\n      \r\n      let items = state.cartPlan.map(p => ({ id: p.id, qty: p.qty }));\r\n      if (state.trowelSelected && state.config.trowelId) items.push({ id: state.config.trowelId, qty: 1 });\r\n      if (state.sampleSelected && state.config.sampleId) items.push({ id: state.config.sampleId, qty: 1 });\r\n\r\n      const formData = new FormData();\r\n      formData.append('action', 'belka_add_cart');\r\n      items.forEach((item, i) => {\r\n          formData.append(`items[${i}][id]`, item.id);\r\n          formData.append(`items[${i}][qty]`, item.qty);\r\n      });\r\n\r\n      try {\r\n          const res = await fetch(state.config.ajaxUrl, { method: 'POST', body: formData });\r\n          const json = await res.json();\r\n          if (json.success) window.location.href = json.data.redirect || '\/warenkorb';\r\n          else { alert(state.config.texts.errorCart); el.checkoutBtn.textContent = originalText; el.checkoutBtn.disabled = false; }\r\n      } catch(e) { \r\n          console.error(e); alert(state.config.texts.error); el.checkoutBtn.textContent = originalText; el.checkoutBtn.disabled = false; \r\n      }\r\n  }\r\n\r\n  \/\/ ======================= \r\n  \/\/ EVENT LISTENERLER\r\n  \/\/ ======================= \r\nfunction initEventListeners() {\r\n    \/\/ 1. Mala (Trowel) Se\u00e7imi\r\n    if(el.trowelBtn) el.trowelBtn.addEventListener('click', () => {\r\n        state.trowelSelected = !state.trowelSelected;\r\n        \r\n        trackEvent('toggle_upsell', {\r\n            item_name: 'Profi-Gl\u00e4ttkelle',\r\n            state: state.trowelSelected ? 'added' : 'removed',\r\n            value: 17.00,\r\n            currency: 'EUR'\r\n        });\r\n\r\n        el.trowelBtn.classList.toggle('belka-trowel-upsell-button--selected', state.trowelSelected);\r\n        el.trowelCheckbox.classList.toggle('belka-trowel-upsell-checkbox--checked', state.trowelSelected);\r\n        updatePrices();\r\n    });\r\n\r\n    \/\/ 2. Numune (Sample) Butonu - D\u0130REKT L\u0130NK Y\u00d6NLEND\u0130RMES\u0130\r\n    if(el.sampleBtn) el.sampleBtn.addEventListener('click', () => {\r\n        \/\/ Sepete ekleme mant\u0131\u011f\u0131 yerine direkt sayfaya git\r\n        window.location.href = \"https:\/\/gobelka.com\/de\/muster-bestellen\/\";\r\n    });\r\n\r\n    \/\/ 3. Sepete Ekle Butonu\r\n    if(el.checkoutBtn) el.checkoutBtn.addEventListener('click', addToCart);\r\n\r\n    \/\/ 4. Akordiyon A\u00e7\/Kapa\r\n    document.querySelectorAll('.belka-accordion-trigger-button').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            const item = e.target.closest('.belka-accordion-item');\r\n            const isOpening = !item.classList.contains('belka-accordion-item--open');\r\n            item.classList.toggle('belka-accordion-item--open');\r\n\r\n            if (isOpening) {\r\n                const titleText = btn.querySelector('.belka-accordion-trigger-text').textContent;\r\n                trackEvent('expand_product_details', {\r\n                    section_name: titleText,\r\n                    category: 'Product Info'\r\n                });\r\n            }\r\n        });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\r\n  else init();\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b177df elementor-widget elementor-widget-html\" data-id=\"7b177df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \/* --- FOOTER ST\u0130L\u0130 --- *\/\r\n        .funnel-footer {\r\n            background-color: #f9fafb;\r\n            border-top: 1px solid #e5e7eb;\r\n            padding: 10px 5px 40px;\r\n            \/* KR\u0130T\u0130K: Mobildeki sat\u0131n al butonu alt\u0131nda kalmas\u0131n diye bo\u015fluk *\/\r\n           \r\n            font-family: 'Inter', sans-serif;\r\n            color: #4b5563;\r\n        }\r\n.countdown-bar,.bf-compact-banner{\r\n    display: none;\r\n}\r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr; \/* Mobil: Tek kolon *\/\r\n            gap: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Footer Ba\u015fl\u0131klar\u0131 *\/\r\n        .footer-heading {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 15px;\r\n            color: #111827;\r\n        }\r\n\r\n        \/* G\u00dcVENL\u0130K & BADGES *\/\r\n        .badge-row {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        \/* SVG Rozet Placeholderlar\u0131 (Resim yerine) *\/\r\n        .trust-badge {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            border: 1px solid #d1d5db;\r\n            padding: 8px 12px;\r\n            border-radius: 6px;\r\n            background: white;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* L\u0130NKLER *\/\r\n        .link-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        .link-list li { margin-bottom: 10px; }\r\n        .link-list a {\r\n            text-decoration: none;\r\n            color: #6b7280;\r\n            font-size: 14px;\r\n            transition: color 0.2s;\r\n        }\r\n        .link-list a:hover { color: #059669; text-decoration: underline; }\r\n\r\n        \/* \u00d6DEME \u0130KONLARI *\/\r\n        .payment-icons {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            font-size: 24px;\r\n            color: #374151;\r\n        }\r\n\r\n        \/* COPYRIGHT *\/\r\n        .copyright {\r\n            margin-top: 50px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #e5e7eb;\r\n            font-size: 12px;\r\n            color: #9ca3af;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- TABLET & DESKTOP AYARLARI --- *\/\r\n        @media (min-width: 768px) {\r\n            .footer-container {\r\n                grid-template-columns: repeat(3, 1fr); \/* 3 Kolon *\/\r\n                text-align: left;\r\n            }\r\n            .badge-row, .payment-icons {\r\n                justify-content: flex-start;\r\n            }\r\n            .funnel-footer {\r\n                padding-bottom: 40px; \/* Desktopta buton olmad\u0131\u011f\u0131 i\u00e7in normal bo\u015fluk *\/\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"funnel-footer\">\r\n        <div class=\"footer-container\">\r\n            \r\n            <!-- KOLON 1: G\u00dcVEN -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Qualit\u00e4t & Sicherheit<\/div>\r\n                <div class=\"badge-row\">\r\n                    <!-- MPA RNW Placeholder SVG -->\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                        MPA RNW\r\n                    <\/div>\r\n                    <!-- Trustpilot Placeholder SVG -->\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#059669\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                        4.8\/5.0\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- KOLON 2: YASAL -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Rechtliches<\/div>\r\n                <ul class=\"link-list\">\r\n                    <li><a href=\"\/de\/impressum\" target=\"_blank\">Impressum<\/a><\/li>\r\n                    <li><a href=\"\/de\/datenschutz\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a><\/li>\r\n                    <li><a href=\"\/de\/agb\" target=\"_blank\">AGB<\/a><\/li>\r\n                   \r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- KOLON 3: \u00d6DEME -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Sicher Bezahlen<\/div>\r\n\r\n                <p style=\"font-size:12px; color:#999; margin-top:10px;\">SSL Verschl\u00fcsselte \u00dcbertragung<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- COPYRIGHT -->\r\n        <div class=\"copyright\">\r\n            &copy; <span id=\"currentYear\"><\/span> BELKA Tapete. Alle Rechte vorbehalten. Made in Germany.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.getElementById(\"currentYear\").textContent = new Date().getFullYear();\r\n\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ Bu fonksiyon butonu bulup gizler\r\n    function hideRevisitBtn() {\r\n        var btnWrapper = document.querySelector(\".cky-btn-revisit-wrapper\");\r\n        if (btnWrapper) {\r\n            btnWrapper.style.display = \"none\";\r\n            btnWrapper.style.visibility = \"hidden\";\r\n            btnWrapper.style.opacity = \"0\";\r\n            btnWrapper.style.pointerEvents = \"none\";\r\n        }\r\n    }\r\n\r\n    \/\/ Sayfa y\u00fcklenince bir kere \u00e7al\u0131\u015ft\u0131r\r\n    hideRevisitBtn();\r\n\r\n    \/\/ CookieYes sonradan DOM'a ekledi\u011finde de yakalamak i\u00e7in g\u00f6zlemci\r\n    var observer = new MutationObserver(function () {\r\n        hideRevisitBtn();\r\n    });\r\n\r\n    observer.observe(document.body, { childList: true, subtree: true });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Start Rechner Muster (8\u20ac) Jetzt Kaufen \ud83c\udfe0 Startseite \ud83e\uddee heizkosten-sparen \ud83d\udce6 Test-Paket (Muster) \ud83c\udfa8 Direkt Kaufen \u2190 Zur Hauptseite Ihr<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/comments?post=46281"}],"version-history":[{"count":254,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46281\/revisions"}],"predecessor-version":[{"id":48460,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46281\/revisions\/48460"}],"wp:attachment":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/media?parent=46281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}