{"id":22,"date":"2026-04-07T10:37:09","date_gmt":"2026-04-07T10:37:09","guid":{"rendered":"https:\/\/casel.com\/?page_id=22"},"modified":"2026-07-30T14:21:06","modified_gmt":"2026-07-30T14:21:06","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/www.casel.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a47691b e-con-full e-flex e-con e-parent\" data-id=\"a47691b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6cb5d elementor-widget elementor-widget-html\" data-id=\"5e6cb5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@media (min-width: 1020px) {\r\n.casel-slider-footer:after {\r\n    width: 289px;\r\n    height: 143px;\r\n    display: block;\r\n    content: '';\r\n    background-image: url(https:\/\/www.casel.com\/wp-content\/uploads\/2026\/04\/Casel-LOGO.svg);\r\n    background-size: 890px;\r\n    background-position: bottom left;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    background-repeat: no-repeat;\r\n}\r\n}\r\n\r\n    .casel-slider-embed {\r\n      --casel-blue: #0085c8;\r\n      --casel-blue-dark: #073763;\r\n      --casel-blue-deep: #005a8a;\r\n      --casel-cyan: #42b8dc;\r\n      --casel-border: #e6eef4;\r\n      --casel-container: 1264px;\r\n      --slider-height: clamp(480px, 37vw, 670px);\r\n      --slide-duration: 6500ms;\r\n      --ease-out-expo: cubic-bezier(.16, 1, .3, 1);\r\n      width: 100%;\r\n      font-family: \"DM Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      -webkit-font-smoothing: antialiased;\r\n      text-rendering: geometricPrecision;\r\n    }\r\n\r\n    .casel-slider-embed,\r\n    .casel-slider-embed * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .casel-slider-embed button {\r\n      font: inherit;\r\n    }\r\n\r\n.casel-slider {\r\n      position: relative;\r\n      width: 100%;\r\n      height: var(--slider-height);\r\n      min-height: 480px;\r\n      overflow: hidden;\r\n      background: linear-gradient(105deg, #cde6f7 0%, #eaf5fc 42%, #ffffff 76%, #ffffff 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .casel-slider:focus {\r\n      outline: none;\r\n    }\r\n\r\n    .casel-slider:focus-visible {\r\n      box-shadow: inset 0 0 0 3px rgba(0, 133, 200, 0.38);\r\n    }\r\n\r\n    .casel-slider::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      opacity: 0.38;\r\n      background-image: radial-gradient(rgba(0, 133, 200, 0.13) 1px, transparent 1px);\r\n      background-size: 28px 28px;\r\n      mask-image: linear-gradient(90deg, #000 0%, #000 38%, transparent 70%);\r\n    }\r\n\r\n    .casel-slider::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -18%;\r\n      top: -34%;\r\n      z-index: 0;\r\n      width: 58%;\r\n      height: 92%;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 64%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-slides-stage {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n    }\r\n\r\n    .casel-slide {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      filter: blur(6px);\r\n      transition:\r\n        opacity 1000ms var(--ease-out-expo),\r\n        visibility 1000ms var(--ease-out-expo),\r\n        filter 1000ms var(--ease-out-expo);\r\n    }\r\n\r\n    .casel-slide.is-active {\r\n      z-index: 5;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      filter: blur(0);\r\n    }\r\n\r\n    .casel-slider.is-swiping .casel-slide.is-active {\r\n      transition: none !important;\r\n      transform: translate3d(var(--swipe-offset, 0px), 0, 0) scale(var(--swipe-scale, 1));\r\n      opacity: var(--swipe-opacity, 1);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .casel-slider.is-swipe-releasing .casel-slide.is-active {\r\n      transition:\r\n        transform 380ms cubic-bezier(.2, 1, .22, 1),\r\n        opacity 380ms ease !important;\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n      opacity: 1;\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .casel-copy-area {\r\n      position: relative;\r\n      z-index: 14;\r\n      display: flex;\r\n      align-items: center;\r\n      width: min(100%, var(--casel-container));\r\n      max-width: 1264px;\r\n      height: 100%;\r\n      margin: 0 auto;\r\n      padding: 0 32px;\r\n      transition: transform 320ms var(--ease-out-expo), opacity 320ms ease;\r\n    }\r\n\r\n    .casel-copy {\r\n      width: min(520px, 40vw);\r\n      padding-top: 0;\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .casel-copy h1,\r\n    .casel-copy h2,\r\n    .casel-copy p,\r\n    .casel-button {\r\n      opacity: 0;\r\n      transform: translateY(26px);\r\n    }\r\n\r\n    .casel-copy h1,\r\n    .casel-copy h2 {\r\n      max-width: 620px;\r\n      margin: 0 0 18px;\r\n      color: var(--casel-blue-dark);\r\n      font-size: clamp(34px, 2.45vw, 48px);\r\n      font-weight: 900;\r\n      line-height: 1.04;\r\n      letter-spacing: -1.85px;\r\n    }\r\n\r\n    .casel-copy p {\r\n      max-width: 520px;\r\n      margin: 0 0 26px;\r\n      color: rgba(7, 55, 99, 0.78);\r\n      font-size: clamp(14.5px, 0.88vw, 16px);\r\n      font-weight: 500;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .casel-button {\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-width: 218px;\r\n      height: 54px;\r\n      padding: 0 30px;\r\n      border: 1px solid rgba(255, 255, 255, 0.42);\r\n      border-radius: 999px;\r\n      background:\r\n        linear-gradient(135deg, rgba(0, 133, 200, 1) 0%, rgba(0, 106, 168, 1) 48%, rgba(0, 77, 126, 1) 100%);\r\n      color: #ffffff;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.95px;\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      box-shadow:\r\n        0 14px 30px rgba(0, 133, 200, 0.28),\r\n        0 7px 16px rgba(0, 90, 138, 0.18),\r\n        0 1px 0 rgba(255, 255, 255, 0.36) inset;\r\n      transition:\r\n        box-shadow 300ms ease,\r\n        background 300ms ease,\r\n        border-color 300ms ease;\r\n    }\r\n\r\n    .casel-button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      border-radius: inherit;\r\n      background:\r\n        linear-gradient(110deg, transparent 0%, transparent 32%, rgba(255, 255, 255, 0.34) 48%, transparent 64%, transparent 100%);\r\n      transform: none;\r\n      opacity: 0;\r\n      transition: opacity 300ms ease;\r\n      pointer-events: none;\r\n    }\r\n    .casel-button-text {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .casel-button::after {\r\n      content: \"\u2192\";\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-block;\r\n      flex: 0 0 auto;\r\n      font-size: 18px;\r\n      line-height: 1;\r\n      transform: none;\r\n      transition: opacity 300ms ease;\r\n    }\r\n\r\n    .casel-button:hover {\r\n      transform: none !important;\r\n      border-color: rgba(255, 255, 255, 0.58) !important;\r\n      background:\r\n        linear-gradient(135deg, rgba(0, 141, 212, 1) 0%, rgba(0, 111, 176, 1) 48%, rgba(0, 80, 132, 1) 100%) !important;\r\n      box-shadow:\r\n        0 16px 34px rgba(0, 133, 200, 0.34),\r\n        0 7px 16px rgba(0, 90, 138, 0.20),\r\n        0 1px 0 rgba(255, 255, 255, 0.42) inset !important;\r\n    }\r\n\r\n    .casel-button:hover::before {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    .casel-button:hover::after {\r\n      transform: none !important;\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    .casel-button:active {\r\n      transform: none !important;\r\n      border-color: rgba(255, 255, 255, 0.50) !important;\r\n      box-shadow:\r\n        0 12px 26px rgba(0, 133, 200, 0.28),\r\n        0 1px 0 rgba(255, 255, 255, 0.36) inset !important;\r\n    }\r\n\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-copy h1,\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-copy h2 {\r\n      animation: caselTextRevealNext 900ms cubic-bezier(.2, .75, .2, 1) forwards 180ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-copy p {\r\n      animation: caselTextRevealNext 900ms cubic-bezier(.2, .75, .2, 1) forwards 360ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-button {\r\n      animation: caselTextRevealNext 900ms cubic-bezier(.2, .75, .2, 1) forwards 540ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy h1,\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy h2 {\r\n      animation: caselTextRevealPrev 900ms cubic-bezier(.2, .75, .2, 1) forwards 180ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy p {\r\n      animation: caselTextRevealPrev 900ms cubic-bezier(.2, .75, .2, 1) forwards 360ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-button {\r\n      animation: caselTextRevealPrev 900ms cubic-bezier(.2, .75, .2, 1) forwards 540ms;\r\n    }\r\n\r\n    @keyframes caselTextRevealNext {\r\n      from { opacity: 0; transform: translate(28px, 18px); }\r\n      to { opacity: 1; transform: translate(0, 0); }\r\n    }\r\n\r\n    @keyframes caselTextRevealPrev {\r\n      from { opacity: 0; transform: translate(-28px, 18px); }\r\n      to { opacity: 1; transform: translate(0, 0); }\r\n    }\r\n\r\n    .casel-media {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      z-index: 6;\r\n      width: 61%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      background: #eef6fb;\r\n      clip-path: polygon(24.5% 0, 100% 0, 100% 100%, 0 100%);\r\n      opacity: 0;\r\n      transform: translateX(54px) scale(1.015);\r\n      filter: saturate(0.92) brightness(1.02);\r\n      box-shadow:\r\n        -28px 0 60px rgba(0, 133, 200, 0.08),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.4);\r\n      transition: transform 320ms var(--ease-out-expo);\r\n    }\r\n\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-media {\r\n      animation: caselMediaRevealNext 1100ms cubic-bezier(.18, .86, .22, 1) forwards;\r\n    }\r\n\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-media {\r\n      animation: caselMediaRevealPrev 1100ms cubic-bezier(.18, .86, .22, 1) forwards;\r\n    }\r\n\r\n    @keyframes caselMediaRevealNext {\r\n      from { opacity: 0; transform: translateX(64px) scale(1.02); filter: saturate(0.92) brightness(1.02); }\r\n      to { opacity: 1; transform: translateX(0) scale(1); filter: saturate(1); }\r\n    }\r\n\r\n    @keyframes caselMediaRevealPrev {\r\n      from { opacity: 0; transform: translateX(-36px) scale(1.02); filter: saturate(0.92) brightness(1.02); }\r\n      to { opacity: 1; transform: translateX(0) scale(1); filter: saturate(1); }\r\n    }\r\n\r\n    .casel-media img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transform: scale(1.09);\r\n    }\r\n\r\n    .casel-media::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(90deg, rgba(255,255,255,0.14), rgba(255,255,255,0) 42%),\r\n        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,70,120,0.07));\r\n    }\r\n\r\n    .casel-media-overlay {\r\n      position: absolute;\r\n      inset: 0 auto 0 0;\r\n      z-index: 3;\r\n      width: 32%;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transform: translateX(-18px);\r\n      background: linear-gradient(180deg, rgba(93, 199, 228, 0.62), rgba(45, 166, 208, 0.42));\r\n      clip-path: polygon(74% 0, 100% 0, 26% 100%, 0 100%);\r\n      backdrop-filter: blur(1px);\r\n    }\r\n\r\n    .casel-slider.is-direction-next .casel-slide.is-active .casel-media-overlay {\r\n      animation: caselOverlayRevealNext 850ms cubic-bezier(.2, .75, .2, 1) forwards 500ms;\r\n    }\r\n\r\n    .casel-slider.is-direction-prev .casel-slide.is-active .casel-media-overlay {\r\n      animation: caselOverlayRevealPrev 850ms cubic-bezier(.2, .75, .2, 1) forwards 500ms;\r\n    }\r\n\r\n    @keyframes caselOverlayRevealNext {\r\n      from { opacity: 0; transform: translateX(-24px); }\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    @keyframes caselOverlayRevealPrev {\r\n      from { opacity: 0; transform: translateX(16px); }\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    .casel-slider-footer {\r\n      position: relative;\r\n      z-index: 20;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 24px 0 26px;\r\n      background: #fff;\r\n      clear: both;\r\n      isolation: isolate;\r\n    }\r\n\r\n\r\n    .casel-footer-inner {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .casel-nav-bar {\r\n      position: relative;\r\n      z-index: 6;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transform: none;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .casel-controls {\r\n      --dot-hit: 28px;\r\n      --dot-mark: 7px;\r\n      --dot-gap: 13px;\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--dot-gap);\r\n      padding: 10px 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.9);\r\n      border-radius: 999px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 250, 254, 0.84) 100%);\r\n      backdrop-filter: blur(18px) saturate(1.14);\r\n      -webkit-backdrop-filter: blur(18px) saturate(1.14);\r\n      box-shadow:\r\n        0 16px 34px rgba(7, 55, 99, 0.10),\r\n        0 5px 16px rgba(0, 133, 200, 0.06),\r\n        0 1px 0 rgba(255, 255, 255, 0.96) inset;\r\n      pointer-events: auto;\r\n      isolation: isolate;\r\n      overflow: visible;\r\n    }\r\n\r\n    .casel-controls::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 1px;\r\n      z-index: -1;\r\n      border-radius: inherit;\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0));\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-dot {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: inline-grid;\r\n      place-items: center;\r\n      flex: 0 0 var(--dot-hit);\r\n      width: var(--dot-hit);\r\n      height: var(--dot-hit);\r\n      min-width: var(--dot-hit);\r\n      min-height: var(--dot-hit);\r\n      margin: 0;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: transparent;\r\n      color: transparent;\r\n      cursor: pointer;\r\n      line-height: 1;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .casel-dot::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 1;\r\n      width: var(--dot-hit);\r\n      height: var(--dot-hit);\r\n      border-radius: 999px;\r\n      background: linear-gradient(135deg, var(--casel-blue) 0%, var(--casel-blue-deep) 100%);\r\n      box-shadow:\r\n        0 12px 26px rgba(0, 133, 200, 0.26),\r\n        0 0 0 0 rgba(0, 133, 200, 0.10),\r\n        0 1px 0 rgba(255, 255, 255, 0.32) inset;\r\n      opacity: 0;\r\n      transform: translate(-50%, -50%) scale(0.58);\r\n      transition:\r\n        opacity 260ms ease,\r\n        transform 620ms cubic-bezier(.2, 1.18, .22, 1),\r\n        box-shadow 620ms cubic-bezier(.2, 1.18, .22, 1);\r\n      pointer-events: none;\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .casel-dot::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 0;\r\n      width: calc(var(--dot-hit) + 10px);\r\n      height: calc(var(--dot-hit) + 10px);\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(0, 133, 200, 0.14);\r\n      opacity: 0;\r\n      transform: translate(-50%, -50%) scale(0.62);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-dot-mark {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 2;\r\n      display: block;\r\n      width: var(--dot-mark);\r\n      height: var(--dot-mark);\r\n      border-radius: 999px;\r\n      background: rgba(7, 55, 99, 0.32);\r\n      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.76) inset;\r\n      transform: translate(-50%, -50%) scale(1);\r\n      transition:\r\n        background 260ms ease,\r\n        transform 420ms cubic-bezier(.2, 1.12, .22, 1),\r\n        box-shadow 260ms ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    .casel-dot:hover {\r\n      background: transparent !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    .casel-dot:hover .casel-dot-mark {\r\n      background: var(--casel-blue) !important;\r\n      transform: translate(-50%, -50%) scale(1.18) !important;\r\n    }\r\n\r\n    .casel-dot:active {\r\n      background: transparent !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    .casel-dot:active .casel-dot-mark {\r\n      transform: translate(-50%, -50%) scale(0.82) !important;\r\n    }\r\n\r\n    .casel-dot.is-active {\r\n      background: transparent;\r\n      transform: none;\r\n    }\r\n\r\n    .casel-dot.is-active::before {\r\n      opacity: 1;\r\n      transform: translate(-50%, -50%) scale(1);\r\n      box-shadow:\r\n        0 14px 28px rgba(0, 133, 200, 0.28),\r\n        0 0 0 7px rgba(0, 133, 200, 0.075),\r\n        0 1px 0 rgba(255, 255, 255, 0.34) inset;\r\n    }\r\n\r\n    .casel-dot.is-active::after {\r\n      animation: caselDotHalo 720ms cubic-bezier(.2, 1.05, .22, 1) both;\r\n    }\r\n\r\n    .casel-dot.is-active .casel-dot-mark {\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 0 0 1px rgba(255, 255, 255, 0.92) inset,\r\n        0 4px 10px rgba(7, 55, 99, 0.12);\r\n      animation: caselDotMarkPop 560ms cubic-bezier(.2, 1.18, .22, 1) both;\r\n    }\r\n\r\n    @keyframes caselDotMarkPop {\r\n      0% { opacity: 0.76; transform: translate(-50%, -50%) scale(0.46); }\r\n      48% { opacity: 1; transform: translate(-50%, -50%) scale(1.34); }\r\n      72% { transform: translate(-50%, -50%) scale(0.92); }\r\n      100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n    }\r\n\r\n    @keyframes caselDotHalo {\r\n      0% { opacity: 0; transform: translate(-50%, -50%) scale(0.62); }\r\n      40% { opacity: 0.62; transform: translate(-50%, -50%) scale(1.06); }\r\n      100% { opacity: 0; transform: translate(-50%, -50%) scale(1.34); }\r\n    }\r\n\r\n    .casel-dot:focus-visible,\r\n    .casel-button:focus-visible {\r\n      outline: 3px solid rgba(0, 133, 200, 0.28);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    @media (max-height: 760px) and (min-width: 861px) {\r\n      .casel-slider {\r\n        height: clamp(450px, 34vw, 560px);\r\n      }\r\n\r\n      .casel-copy h1,\r\n      .casel-copy h2 {\r\n        font-size: clamp(32px, 2.25vw, 44px);\r\n      }\r\n\r\n      .casel-copy p {\r\n        margin-bottom: 24px;\r\n        line-height: 1.58;\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes caselImageZoom {\r\n      from { transform: scale(1.09); }\r\n      to { transform: scale(1.02); }\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n      .casel-copy {\r\n        width: 420px;\r\n      }\r\n\r\n      .casel-media {\r\n        width: 60%;\r\n        clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);\r\n      }\r\n\r\n      .casel-media-overlay {\r\n        width: 34%;\r\n        clip-path: polygon(76% 0, 100% 0, 24% 100%, 0 100%);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) and (min-width: 861px) {\r\n      .casel-slider {\r\n        height: clamp(470px, 46vw, 570px);\r\n      }\r\n\r\n      .casel-copy {\r\n        width: 360px;\r\n      }\r\n\r\n      .casel-copy h1,\r\n      .casel-copy h2 {\r\n        font-size: clamp(31px, 3vw, 38px);\r\n      }\r\n\r\n      .casel-copy p {\r\n        font-size: 14.5px;\r\n      }\r\n\r\n      .casel-media {\r\n        width: 56%;\r\n        clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 860px) {\r\n      .casel-slider {\r\n        height: clamp(510px, 90vw, 590px);\r\n        min-height: 0;\r\n        padding: 0;\r\n        background: linear-gradient(180deg, #cde6f7 0%, #edf7fd 42%, #ffffff 100%);\r\n        touch-action: pan-y;\r\n      }\r\n\r\n      .casel-slider::before {\r\n        opacity: 0.24;\r\n        mask-image: linear-gradient(180deg, #000 0%, transparent 54%);\r\n      }\r\n\r\n      .casel-slider::after {\r\n        display: none;\r\n      }\r\n\r\n      .casel-slides-stage {\r\n        position: absolute;\r\n        inset: 16px 0 44px;\r\n        height: auto;\r\n      }\r\n\r\n      .casel-slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: grid;\r\n        grid-template-areas:\r\n          \"media\"\r\n          \"copy\";\r\n        grid-template-rows: auto 1fr;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        filter: none;\r\n        transform: translate3d(22px, 0, 0) scale(0.992);\r\n        transition:\r\n          opacity 520ms cubic-bezier(.2, .78, .2, 1),\r\n          transform 520ms cubic-bezier(.2, .78, .2, 1),\r\n          visibility 520ms cubic-bezier(.2, .78, .2, 1);\r\n      }\r\n\r\n      .casel-slide.is-active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transform: translate3d(0, 0, 0) scale(1);\r\n      }\r\n\r\n      .casel-copy-area {\r\n        grid-area: copy;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        height: auto;\r\n        min-height: 260px;\r\n        padding: 34px 24px 0;\r\n      }\r\n\r\n      .casel-copy {\r\n        width: 100%;\r\n        max-width: 560px;\r\n        margin: 0 auto;\r\n        padding-top: 0;\r\n        transform: none;\r\n      }\r\n\r\n      .casel-copy h1,\r\n      .casel-copy h2 {\r\n        max-width: 470px;\r\n        margin-bottom: 16px;\r\n        font-size: clamp(31px, 8vw, 40px);\r\n        line-height: 1.08;\r\n        letter-spacing: -1.25px;\r\n      }\r\n\r\n      .casel-copy p {\r\n        max-width: 520px;\r\n        margin-bottom: 28px;\r\n        font-size: 15px;\r\n        line-height: 1.68;\r\n      }\r\n\r\n      .casel-button {\r\n        min-width: 0;\r\n        width: min(100%, 265px);\r\n        height: 50px;\r\n        padding: 0 24px;\r\n      }\r\n\r\n      .casel-media {\r\n        grid-area: media;\r\n        position: relative;\r\n        width: calc(100% - 32px);\r\n        height: clamp(285px, 58vw, 410px);\r\n        margin: 0 auto;\r\n        border: 1px solid rgba(255, 255, 255, 0.9);\r\n        border-radius: 30px;\r\n        clip-path: none;\r\n        opacity: 1;\r\n        transform: none;\r\n        filter: none;\r\n        box-shadow:\r\n          0 24px 52px rgba(7, 55, 99, 0.14),\r\n          0 1px 0 rgba(255, 255, 255, 0.9) inset;\r\n      }\r\n\r\n      .casel-media img {\r\n        transform: scale(1.045);\r\n      }\r\n\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-media,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-media {\r\n        animation: none;\r\n      }\r\n\r\n      .casel-media-overlay {\r\n        display: none;\r\n      }\r\n\r\n      .casel-slider-footer {\r\n        padding: 20px 0 22px;\r\n      }\r\n\r\n      .casel-controls {\r\n        --dot-hit: 27px;\r\n        --dot-mark: 7px;\r\n        --dot-gap: 12px;\r\n        padding: 10px 13px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      .casel-slider {\r\n        height: 575px;\r\n      }\r\n\r\n      .casel-slides-stage {\r\n        inset: 12px 0 40px;\r\n      }\r\n\r\n      .casel-media {\r\n        width: calc(100% - 24px);\r\n        height: 285px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .casel-copy-area {\r\n        min-height: 280px;\r\n        padding: 30px 20px 0;\r\n      }\r\n\r\n      .casel-copy h1,\r\n      .casel-copy h2 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .casel-copy p {\r\n        font-size: 14.5px;\r\n        margin-bottom: 26px;\r\n      }\r\n\r\n      .casel-button {\r\n        width: 100%;\r\n        height: 52px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      .casel-slider-footer {\r\n        padding: 18px 0 20px;\r\n      }\r\n\r\n      .casel-controls {\r\n        --dot-hit: 25px;\r\n        --dot-mark: 6px;\r\n        --dot-gap: 10px;\r\n        padding: 9px 12px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .casel-slide {\r\n        filter: none !important;\r\n        transition: opacity 200ms ease, visibility 200ms ease !important;\r\n      }\r\n\r\n      .casel-dot.is-active .casel-dot-mark,\r\n      .casel-dot::before,\r\n      .casel-dot::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-copy h1,\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-copy h2,\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-copy p,\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-button,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy h1,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy h2,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-copy p,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-button,\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-media,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-media,\r\n      .casel-slider.is-direction-next .casel-slide.is-active .casel-media-overlay,\r\n      .casel-slider.is-direction-prev .casel-slide.is-active .casel-media-overlay {\r\n        animation: caselTextRevealReduced 200ms ease forwards !important;\r\n      }\r\n\r\n      @keyframes caselTextRevealReduced {\r\n        to { opacity: 1; transform: none; }\r\n      }\r\n    }\r\n  \r\n<\/style>\r\n<div class=\"casel-slider-embed\" data-casel-slider-root>\r\n  <section\r\n    class=\"casel-slider is-playing is-direction-next\"\r\n    aria-roledescription=\"carousel\"\r\n    aria-label=\"CaSel slider\"\r\n    tabindex=\"0\"\r\n  >\r\n    <div class=\"casel-slides-stage\">\r\n      <article class=\"casel-slide is-active\">\r\n        <div class=\"casel-copy-area\">\r\n          <div class=\"casel-copy\">\r\n            <h1>Hayata De\u011fer Kat\u0131yoruz<\/h1>\r\n            <p>\u0130nsan sa\u011fl\u0131\u011f\u0131n\u0131 destekleyen ve ya\u015fam kalitesine katk\u0131 sa\u011flayan \u00fcr\u00fcnler sunuyoruz.<\/p>\r\n            <a href=\"\/markalar\/\" class=\"casel-button\">\r\n              <span class=\"casel-button-text\">MARKALARIMIZ<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"casel-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/slider-casel-1.png\"\r\n            alt=\"Aile ya\u015fam\u0131\"\r\n            loading=\"eager\"\r\n            fetchpriority=\"high\"\r\n          >\r\n          <span class=\"casel-media-overlay\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"casel-slide\">\r\n        <div class=\"casel-copy-area\">\r\n          <div class=\"casel-copy\">\r\n            <h2>1983'ten G\u00fcn\u00fcm\u00fcze<\/h2>\r\n            <p>Eczac\u0131l\u0131ktan gelen k\u00f6kl\u00fc tecr\u00fcbemizi, 40 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir geni\u015f \u00fcr\u00fcn portf\u00f6y\u00fcm\u00fczle T\u00fcrkiye ve uluslararas\u0131 pazarlara ta\u015f\u0131yoruz.<\/p>\r\n            <a href=\"\/hakkimizda\/\" class=\"casel-button\">\r\n              <span class=\"casel-button-text\">HAKKIMIZDA<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"casel-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/slider-casel-2.png\"\r\n            alt=\"Sa\u011fl\u0131k \u00e7\u00f6z\u00fcmleri\"\r\n            loading=\"lazy\"\r\n          >\r\n          <span class=\"casel-media-overlay\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"casel-slide\">\r\n        <div class=\"casel-copy-area\">\r\n          <div class=\"casel-copy\">\r\n            <h2>\u00dcretimde Global Standartlar<\/h2>\r\n            <p>\u0130la\u00e7, t\u0131bbi cihaz, takviye edici g\u0131da, dermokozmetik ve daha fazlas\u0131...<\/p>\r\n            <a href=\"\/uretim\/\" class=\"casel-button\">\r\n              <span class=\"casel-button-text\">\u00dcRET\u0130M<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"casel-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/slider-casel-3.png\"\r\n            alt=\"\u00dcretim ve kalite standartlar\u0131\"\r\n            loading=\"lazy\"\r\n          >\r\n          <span class=\"casel-media-overlay\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"casel-slide\">\r\n        <div class=\"casel-copy-area\">\r\n          <div class=\"casel-copy\">\r\n            <h2>Uluslararas\u0131 Pazarlar<\/h2>\r\n            <p>Avrupa, Orta Do\u011fu ve Asya ba\u015fta olmak \u00fczere 3 k\u0131tada 20\u2019den fazla \u00fclkede t\u00fcketicilere ula\u015f\u0131yoruz.<\/p>\r\n            <a href=\"\/uluslararasi-pazarlar\/\" class=\"casel-button\">\r\n              <span class=\"casel-button-text\">PAZARLAR<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"casel-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/slider-casel-4.png\"\r\n            alt=\"Uluslararas\u0131 pazarlar\"\r\n            loading=\"lazy\"\r\n          >\r\n          <span class=\"casel-media-overlay\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"casel-slider-footer\" aria-label=\"Slider alt kontrol alan\u0131\">\r\n    <div class=\"casel-footer-inner\">\r\n      <nav class=\"casel-nav-bar\" aria-label=\"Slider sayfalama\">\r\n        <div class=\"casel-controls\" role=\"tablist\" aria-label=\"Slide se\u00e7imi\"><\/div>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    const root = document.querySelector(\"[data-casel-slider-root]:not([data-casel-initialized])\");\r\n    if (!root) return;\r\n    root.setAttribute(\"data-casel-initialized\", \"true\");\r\n\r\n    const instanceId = `casel-slider-${Math.random().toString(36).slice(2, 9)}`;\r\n    const slider = root.querySelector(\".casel-slider\");\r\n    const slidesStage = root.querySelector(\".casel-slides-stage\");\r\n    const controlsRoot = root.querySelector(\".casel-controls\");\r\n    const sliderFooter = root.querySelector(\".casel-slider-footer\");\r\n    const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n\r\n    let slides = [];\r\n    let dots = [];\r\n    let current = 0;\r\n    let slideTimeout = null;\r\n    let elapsedMs = 0;\r\n    let lastTick = 0;\r\n    let playing = false;\r\n    let isSlideHovered = false;\r\n    let isSliderFocused = false;\r\n    let isKeyboardFocusMode = false;\r\n    let isInView = true;\r\n    let isDocumentVisible = !document.hidden;\r\n    let isSwiping = false;\r\n    let touchStartX = 0;\r\n    let touchStartY = 0;\r\n    let touchCurrentX = 0;\r\n    let touchCurrentY = 0;\r\n    let swipeAxisLocked = false;\r\n    let isHorizontalSwipe = false;\r\n\r\n    function escapeHTML(value) {\r\n      return String(value)\r\n        .replace(\/&\/g, \"&amp;\")\r\n        .replace(\/<\/g, \"&lt;\")\r\n        .replace(\/>\/g, \"&gt;\")\r\n        .replace(\/\"\/g, \"&quot;\")\r\n        .replace(\/'\/g, \"&#039;\");\r\n    }\r\n\r\n    function getSlideDuration() {\r\n      const raw = getComputedStyle(slider).getPropertyValue(\"--slide-duration\").trim();\r\n      return Number.parseInt(raw, 10) || 6500;\r\n    }\r\n\r\n    function padSlideNumber(value) {\r\n      return String(value);\r\n    }\r\n\r\n    function getSlideLabel(slide) {\r\n      return slide.querySelector(\"h1, h2\")?.textContent.trim() || \"\";\r\n    }\r\n\r\n    function buildSlides() {\r\n      slides = Array.from(slidesStage.querySelectorAll(\".casel-slide\"));\r\n\r\n      slides.forEach((slide, index) => {\r\n        const isActive = index === 0;\r\n\r\n        slide.id = `${instanceId}-panel-${index}`;\r\n        slide.setAttribute(\"role\", \"tabpanel\");\r\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\r\n        slide.setAttribute(\"aria-labelledby\", `${instanceId}-tab-${index}`);\r\n        slide.setAttribute(\"data-index\", index);\r\n        slide.classList.toggle(\"is-active\", isActive);\r\n      });\r\n    }\r\n\r\n    function buildControls() {\r\n      controlsRoot.innerHTML = slides\r\n        .map((slide, index) => {\r\n          const isActive = index === 0;\r\n          const label = getSlideLabel(slide);\r\n\r\n          return `\r\n            <button\r\n              class=\"casel-dot${isActive ? \" is-active\" : \"\"}\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              id=\"${instanceId}-tab-${index}\"\r\n              aria-selected=\"${isActive ? \"true\" : \"false\"}\"\r\n              aria-current=\"${isActive ? \"true\" : \"false\"}\"\r\n              aria-controls=\"${instanceId}-panel-${index}\"\r\n              aria-label=\"${index + 1}. slide: ${escapeHTML(label)}\"\r\n              data-index=\"${index}\"\r\n            ><span class=\"casel-dot-mark\" aria-hidden=\"true\"><\/span><\/button>\r\n          `;\r\n        })\r\n        .join(\"\");\r\n\r\n      dots = Array.from(controlsRoot.querySelectorAll(\".casel-dot\"));\r\n    }\r\n\r\n    function updatePaginationHighlight() {\r\n      \/\/ Dot pagination is centered with CSS; no measured highlight is needed.\r\n    }\r\n\r\n    function shouldAutoPlay() {\r\n      return isInView && isDocumentVisible && !isSlideHovered && !isSliderFocused && !isSwiping && !reducedMotion.matches;\r\n    }\r\n\r\n    function getElapsed() {\r\n      return playing ? elapsedMs + (Date.now() - lastTick) : elapsedMs;\r\n    }\r\n\r\n    function syncImageZoom() {\r\n      const img = slides[current]?.querySelector(\".casel-media img\");\r\n      if (!img || reducedMotion.matches) return;\r\n\r\n      const duration = getSlideDuration();\r\n      const elapsed = getElapsed();\r\n\r\n      img.style.animation = \"none\";\r\n      img.offsetHeight;\r\n      img.style.animation = `caselImageZoom ${duration}ms linear forwards`;\r\n      img.style.animationDelay = `-${elapsed}ms`;\r\n      img.style.animationPlayState = playing ? \"running\" : \"paused\";\r\n    }\r\n\r\n    function scheduleSlideEnd() {\r\n      clearTimeout(slideTimeout);\r\n      const duration = getSlideDuration();\r\n      const remaining = duration - getElapsed();\r\n\r\n      slideTimeout = setTimeout(() => {\r\n        goToSlide(current + 1, \"next\");\r\n      }, Math.max(0, remaining));\r\n    }\r\n\r\n    function pauseProgress() {\r\n      if (!playing) return;\r\n\r\n      elapsedMs += Date.now() - lastTick;\r\n      playing = false;\r\n      slider.classList.remove(\"is-playing\");\r\n      clearTimeout(slideTimeout);\r\n      syncImageZoom();\r\n    }\r\n\r\n    function resumeProgress() {\r\n      if (playing || !shouldAutoPlay()) {\r\n        if (!shouldAutoPlay()) slider.classList.remove(\"is-playing\");\r\n        return;\r\n      }\r\n\r\n      playing = true;\r\n      lastTick = Date.now();\r\n      slider.classList.add(\"is-playing\");\r\n      scheduleSlideEnd();\r\n      syncImageZoom();\r\n    }\r\n\r\n    function resetSlideTimer() {\r\n      elapsedMs = 0;\r\n      lastTick = Date.now();\r\n      clearTimeout(slideTimeout);\r\n\r\n      if (shouldAutoPlay()) {\r\n        playing = true;\r\n        slider.classList.add(\"is-playing\");\r\n        scheduleSlideEnd();\r\n      } else {\r\n        playing = false;\r\n        slider.classList.remove(\"is-playing\");\r\n      }\r\n\r\n      syncImageZoom();\r\n    }\r\n\r\n    function updateA11yState(direction = null) {\r\n      slides.forEach((slide, index) => {\r\n        const isActive = index === current;\r\n        slide.classList.toggle(\"is-active\", isActive);\r\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\r\n        slide.setAttribute(\"tabindex\", isActive ? \"0\" : \"-1\");\r\n      });\r\n\r\n      dots.forEach((dot, index) => {\r\n        const isActive = index === current;\r\n        dot.classList.toggle(\"is-active\", isActive);\r\n        dot.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\r\n        dot.setAttribute(\"aria-current\", isActive ? \"true\" : \"false\");\r\n        dot.setAttribute(\"tabindex\", isActive ? \"0\" : \"-1\");\r\n      });\r\n\r\n      slider.setAttribute(\r\n        \"aria-label\",\r\n        `CaSel slider, ${current + 1}. slide: ${getSlideLabel(slides[current])}`\r\n      );\r\n\r\n      requestAnimationFrame(updatePaginationHighlight);\r\n    }\r\n\r\n    function preloadNextImage(index) {\r\n      const nextIndex = (index + 1) % slides.length;\r\n      const nextImage = slides[nextIndex]?.querySelector(\".casel-media img\");\r\n      if (!nextImage) return;\r\n\r\n      const img = new Image();\r\n      img.src = nextImage.currentSrc || nextImage.src;\r\n    }\r\n\r\n    function goToSlide(index, direction) {\r\n      const nextIndex = (index + slides.length) % slides.length;\r\n      if (nextIndex === current) return;\r\n\r\n      const resolvedDirection =\r\n        direction ||\r\n        (nextIndex === (current + 1) % slides.length ? \"next\" : \"prev\");\r\n\r\n      slider.classList.remove(\"is-direction-next\", \"is-direction-prev\");\r\n      slider.classList.add(\r\n        resolvedDirection === \"next\"\r\n          ? \"is-direction-next\"\r\n          : \"is-direction-prev\"\r\n      );\r\n\r\n      current = nextIndex;\r\n      updateA11yState(resolvedDirection);\r\n      resetSlideTimer();\r\n      preloadNextImage(current);\r\n    }\r\n\r\n    function nextSlide() {\r\n      goToSlide(current + 1, \"next\");\r\n    }\r\n\r\n    function prevSlide() {\r\n      goToSlide(current - 1, \"prev\");\r\n    }\r\n\r\n    function bindSlideHover() {\r\n      slides.forEach((slide) => {\r\n        slide.addEventListener(\"mouseenter\", () => {\r\n          isSlideHovered = true;\r\n          pauseProgress();\r\n        });\r\n\r\n        slide.addEventListener(\"mouseleave\", () => {\r\n          isSlideHovered = false;\r\n          resumeProgress();\r\n        });\r\n      });\r\n    }\r\n\r\n    function bindControls() {\r\n      dots.forEach((dot) => {\r\n        dot.addEventListener(\"click\", () => {\r\n          const index = Number(dot.dataset.index);\r\n          goToSlide(index, index > current ? \"next\" : \"prev\");\r\n          resumeProgress();\r\n        });\r\n      });\r\n    }\r\n\r\n    function bindFocusPause() {\r\n      document.addEventListener(\"keydown\", (event) => {\r\n        if (event.key === \"Tab\") isKeyboardFocusMode = true;\r\n      }, true);\r\n\r\n      const focusZones = [slider, sliderFooter].filter(Boolean);\r\n\r\n      focusZones.forEach((zone) => {\r\n        zone.addEventListener(\"pointerdown\", () => {\r\n          isKeyboardFocusMode = false;\r\n\r\n          if (isSliderFocused) {\r\n            isSliderFocused = false;\r\n            resumeProgress();\r\n          }\r\n        }, true);\r\n\r\n        zone.addEventListener(\"focusin\", () => {\r\n          if (!isKeyboardFocusMode) {\r\n            isSliderFocused = false;\r\n            return;\r\n          }\r\n\r\n          isSliderFocused = true;\r\n          pauseProgress();\r\n        });\r\n\r\n        zone.addEventListener(\"focusout\", (event) => {\r\n          const nextTarget = event.relatedTarget;\r\n\r\n          if (\r\n            nextTarget &&\r\n            focusZones.some((focusZone) => focusZone.contains(nextTarget))\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          isSliderFocused = false;\r\n          resumeProgress();\r\n        });\r\n      });\r\n    }\r\n\r\n    function bindPageVisibility() {\r\n      document.addEventListener(\"visibilitychange\", () => {\r\n        isDocumentVisible = !document.hidden;\r\n        isDocumentVisible ? resumeProgress() : pauseProgress();\r\n      });\r\n    }\r\n\r\n    function handleSlideKeydown(event) {\r\n      if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        nextSlide();\r\n        resumeProgress();\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        prevSlide();\r\n        resumeProgress();\r\n      }\r\n\r\n      if (event.key === \"Home\") {\r\n        event.preventDefault();\r\n        goToSlide(0, \"prev\");\r\n        resumeProgress();\r\n      }\r\n\r\n      if (event.key === \"End\") {\r\n        event.preventDefault();\r\n        goToSlide(slides.length - 1, \"next\");\r\n        resumeProgress();\r\n      }\r\n    }\r\n\r\n    function bindKeyboard() {\r\n      slider.addEventListener(\"keydown\", handleSlideKeydown);\r\n      controlsRoot.addEventListener(\"keydown\", handleSlideKeydown);\r\n    }\r\n\r\n    function bindSwipe() {\r\n      const resetSwipeStyles = (slide) => {\r\n        if (!slide) return;\r\n        slide.style.removeProperty(\"--swipe-offset\");\r\n        slide.style.removeProperty(\"--swipe-scale\");\r\n        slide.style.removeProperty(\"--swipe-opacity\");\r\n      };\r\n\r\n      const releaseSwipe = (slide) => {\r\n        slider.classList.remove(\"is-swiping\");\r\n        slider.classList.add(\"is-swipe-releasing\");\r\n\r\n        if (slide) {\r\n          slide.style.setProperty(\"--swipe-offset\", \"0px\");\r\n          slide.style.setProperty(\"--swipe-scale\", \"1\");\r\n          slide.style.setProperty(\"--swipe-opacity\", \"1\");\r\n        }\r\n\r\n        window.setTimeout(() => {\r\n          slider.classList.remove(\"is-swipe-releasing\");\r\n          resetSwipeStyles(slide);\r\n        }, 390);\r\n      };\r\n\r\n      const cancelSwipe = () => {\r\n        const activeSlide = slides[current];\r\n        isSwiping = false;\r\n        swipeAxisLocked = false;\r\n        isHorizontalSwipe = false;\r\n        releaseSwipe(activeSlide);\r\n        resumeProgress();\r\n      };\r\n\r\n      slider.addEventListener(\"touchstart\", (event) => {\r\n        if (\r\n          window.matchMedia(\"(min-width: 861px)\").matches ||\r\n          event.touches.length !== 1\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        touchStartX = event.touches[0].clientX;\r\n        touchStartY = event.touches[0].clientY;\r\n        touchCurrentX = touchStartX;\r\n        touchCurrentY = touchStartY;\r\n        swipeAxisLocked = false;\r\n        isHorizontalSwipe = false;\r\n        isSwiping = true;\r\n        slider.classList.remove(\"is-swipe-releasing\");\r\n        slider.classList.add(\"is-swiping\");\r\n        pauseProgress();\r\n      }, { passive: true });\r\n\r\n      slider.addEventListener(\"touchmove\", (event) => {\r\n        if (!isSwiping) return;\r\n\r\n        touchCurrentX = event.touches[0].clientX;\r\n        touchCurrentY = event.touches[0].clientY;\r\n\r\n        const diffX = touchCurrentX - touchStartX;\r\n        const diffY = touchCurrentY - touchStartY;\r\n        const absX = Math.abs(diffX);\r\n        const absY = Math.abs(diffY);\r\n\r\n        if (!swipeAxisLocked && (absX > 8 || absY > 8)) {\r\n          swipeAxisLocked = true;\r\n          isHorizontalSwipe = absX > absY * 1.18;\r\n\r\n          if (!isHorizontalSwipe) {\r\n            cancelSwipe();\r\n            return;\r\n          }\r\n        }\r\n\r\n        if (!isHorizontalSwipe) return;\r\n\r\n        const direction = diffX < 0 ? -1 : 1;\r\n        const damped =\r\n          direction * Math.min(118, Math.pow(absX, 0.86) * 1.22);\r\n        const progress = Math.min(Math.abs(damped) \/ 118, 1);\r\n        const scale = 1 - progress * 0.018;\r\n        const opacity = 1 - progress * 0.10;\r\n\r\n        slides[current].style.setProperty(\"--swipe-offset\", `${damped}px`);\r\n        slides[current].style.setProperty(\"--swipe-scale\", String(scale));\r\n        slides[current].style.setProperty(\"--swipe-opacity\", String(opacity));\r\n      }, { passive: true });\r\n\r\n      const finishSwipe = () => {\r\n        if (!isSwiping) return;\r\n\r\n        const activeSlide = slides[current];\r\n        const diff = touchStartX - touchCurrentX;\r\n        const passedThreshold =\r\n          isHorizontalSwipe && Math.abs(diff) > 54;\r\n\r\n        isSwiping = false;\r\n        swipeAxisLocked = false;\r\n\r\n        if (passedThreshold) {\r\n          slider.classList.remove(\"is-swiping\", \"is-swipe-releasing\");\r\n          resetSwipeStyles(activeSlide);\r\n          diff > 0 ? nextSlide() : prevSlide();\r\n          isHorizontalSwipe = false;\r\n          resumeProgress();\r\n          return;\r\n        }\r\n\r\n        isHorizontalSwipe = false;\r\n        releaseSwipe(activeSlide);\r\n        resumeProgress();\r\n      };\r\n\r\n      slider.addEventListener(\"touchend\", finishSwipe, { passive: true });\r\n      slider.addEventListener(\"touchcancel\", finishSwipe, { passive: true });\r\n    }\r\n\r\n    function bindVisibility() {\r\n      const observer = new IntersectionObserver(([entry]) => {\r\n        isInView = entry.isIntersecting;\r\n        isInView ? resumeProgress() : pauseProgress();\r\n      }, { threshold: 0.35 });\r\n\r\n      observer.observe(slider);\r\n    }\r\n\r\n    function bindPaginationResize() {\r\n      \/\/ Reserved for future pagination layout changes.\r\n    }\r\n\r\n    function init() {\r\n      buildSlides();\r\n      buildControls();\r\n      bindPaginationResize();\r\n      bindSlideHover();\r\n      bindControls();\r\n      bindFocusPause();\r\n      bindPageVisibility();\r\n      bindKeyboard();\r\n      bindSwipe();\r\n      bindVisibility();\r\n      updateA11yState();\r\n      requestAnimationFrame(updatePaginationHighlight);\r\n      resetSlideTimer();\r\n      preloadNextImage(0);\r\n\r\n      const handleReducedMotionChange = () => {\r\n        reducedMotion.matches ? pauseProgress() : resumeProgress();\r\n      };\r\n\r\n      if (typeof reducedMotion.addEventListener === \"function\") {\r\n        reducedMotion.addEventListener(\r\n          \"change\",\r\n          handleReducedMotionChange\r\n        );\r\n      } else if (typeof reducedMotion.addListener === \"function\") {\r\n        reducedMotion.addListener(\r\n          handleReducedMotionChange\r\n        );\r\n      }\r\n    }\r\n\r\n    init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fc6c0f0 e-flex e-con-boxed e-con e-parent\" data-id=\"1fc6c0f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-38371431 e-con-full e-flex e-con e-child\" data-id=\"38371431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a7ee03 elementor-widget elementor-widget-image-carousel\" data-id=\"0a7ee03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Resim D\u00f6ng\u00fcs\u00fc\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 \/ 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/07\/casel-ilac-1-1.webp\" alt=\"Casel \u0130la\u00e7 1983 Y\u0131l\u0131\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 \/ 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/07\/casel-ilac-2-1.webp\" alt=\"Casel \u0130la\u00e7 2023 Y\u0131l\u0131\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fbe926 e-con-full e-flex e-con e-child\" data-id=\"52fbe926\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-452069e1 elementor-widget elementor-widget-elementskit-heading\" data-id=\"452069e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><span class=\"elementskit-section-subtitle  \">\n\t\t\t\t\t\t1983&#039;ten \u0130tibaren\n\t\t\t\t\t<\/span><h2 class=\"ekit-heading--title elementskit-section-title \">43 y\u0131ll\u0131k bilgi ve tecr\u00fcbemizin kayna\u011f\u0131, insan sa\u011fl\u0131\u011f\u0131na ve ya\u015fam kalitesine duydu\u011fumuz ilgidir.<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Casel \u0130la\u00e7, insan sa\u011fl\u0131\u011f\u0131na ve ya\u015fam kalitesine \u00f6nem vererek, do\u011faya ve \u00e7evreye sayg\u0131 politikalar\u0131 \u00e7er\u00e7evesinde, insanl\u0131\u011f\u0131n ve sa\u011fl\u0131k sekt\u00f6r\u00fcn\u00fcn hizmetine yenilik\u00e7i \u00fcr\u00fcnler ve \u00e7\u00f6z\u00fcmler sunmaktad\u0131r.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a244052 e-con-full e-grid e-con e-child\" data-id=\"6a244052\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-16ed8445 e-con-full e-flex e-con e-child\" data-id=\"16ed8445\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71d630 elementor-widget elementor-widget-elementskit-funfact\" data-id=\"71d630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-left     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner \">\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"10\"\n\t\t\t\t\t\t      data-animation-duration=\"500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"funfact-title\">Marka<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-461b3174 e-con-full e-flex e-con e-child\" data-id=\"461b3174\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-429e8c1e elementor-widget elementor-widget-elementskit-funfact\" data-id=\"429e8c1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-left     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"20\"\n\t\t\t\t\t\t      data-animation-duration=\"1000\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"funfact-title\">\u00dclkeye \u0130hracat<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22bedf3e e-con-full e-flex e-con e-child\" data-id=\"22bedf3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aec988b elementor-widget elementor-widget-elementskit-funfact\" data-id=\"1aec988b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-left     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"250\"\n\t\t\t\t\t\t      data-animation-duration=\"1500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"funfact-title\">\u00dcr\u00fcn<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea67cd0 e-con-full e-flex e-con e-child\" data-id=\"ea67cd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13f41091 elementor-widget elementor-widget-elementskit-funfact\" data-id=\"13f41091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-left     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner \">\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"5000\"\n\t\t\t\t\t\t      data-animation-duration=\"2000\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"funfact-title\">Eczane &amp; Sat\u0131\u015f Noktas\u0131<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d17c0f3 e-con-full e-flex e-con e-parent\" data-id=\"d17c0f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a11495f elementor-widget elementor-widget-html\" data-id=\"a11495f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"cb-brands-section\" id=\"caselBrandsPro\">\r\n  <div class=\"cb-brands-wrap\">\r\n    <div class=\"cb-brands-head\">\r\n      <!-- <span class=\"cb-eyebrow\">CaSel Portf\u00f6y\u00fc<\/span> -->\r\n      <h2>Markalar\u0131m\u0131z<\/h2>\r\n      <p>\r\n        Sa\u011fl\u0131k, bak\u0131m ve ya\u015fam kalitesine de\u011fer katan markalar\u0131m\u0131z\u0131 Casel \u0130la\u00e7\r\n        g\u00fcvencesiyle t\u00fcketicilerle bulu\u015fturuyoruz.\r\n      <\/p>\r\n      \r\n    <\/div>\r\n\r\n    <div class=\"cb-brands-board\">\r\n      <!-- Brands Grid -->\r\n      <div class=\"cb-brands-grid\">\r\n        \r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-dermoten\" class=\"cb-brand brand-dermoten\" data-tooltip=\"Dermoten\" aria-label=\"Dermoten\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-2.png\" alt=\"Dermoten\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-breathe-right\" class=\"cb-brand brand-breathe\" data-tooltip=\"Breathe Right\" aria-label=\"Breathe Right\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-3.png\" alt=\"Breathe Right\">\r\n          <\/span>\r\n        <\/a>\r\n        \r\n        \r\n       \r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-destek\" class=\"cb-brand brand-destek\" data-tooltip=\"Destek\" aria-label=\"Destek\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-7.png\" alt=\"Destek\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-biodestek\" class=\"cb-brand brand-biodestek\" data-tooltip=\"Biodestek\" aria-label=\"Biodestek\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-8.png\" alt=\"Biodestek\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-vitasol\" class=\"cb-brand brand-vitasol\" data-tooltip=\"Vitasol\" aria-label=\"Vitasol\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-1.png\" alt=\"Vitasol\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-hud\" class=\"cb-brand brand-hud\" data-tooltip=\"HUD\" aria-label=\"HUD\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-5.png\" alt=\"HUD\">\r\n          <\/span>\r\n        <\/a>\r\n         <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-oralmedic\" class=\"cb-brand brand-oralmedic\" data-tooltip=\"Oralmedic\" aria-label=\"Oralmedic\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-9.png\" alt=\"Oralmedic\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-annish\" class=\"cb-brand brand-annish\" data-tooltip=\"Annish\" aria-label=\"Annish\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-6.png\" alt=\"Annish\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-estomin\" class=\"cb-brand brand-estomin\" data-tooltip=\"Estomin\" aria-label=\"Estomin\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-10.png\" alt=\"Estomin\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-medizinc\" class=\"cb-brand brand-medizinc\" data-tooltip=\"Medizinc\" aria-label=\"Medizinc\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-11.png\" alt=\"Medizinc\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-perbrons\" class=\"cb-brand brand-perbrons\" data-tooltip=\"Perbrons\" aria-label=\"Perbrons\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-12.png\" alt=\"Perbrons\">\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.casel.com\/markalar\/#casel-brand-expect\" class=\"cb-brand brand-expect\" data-tooltip=\"Expect\" aria-label=\"Expect\">\r\n          <span class=\"cb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/marka-4.png\" alt=\"Expect\">\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .cb-brands-section,\r\n  .cb-brands-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cb-brands-section {\r\n    --cb-navy: #021f40;\r\n    --cb-blue: #264485;\r\n    --cb-sky: #6bbefd;\r\n    --cb-text: rgba(2, 31, 64, 0.72);\r\n    --cb-border: rgba(2, 31, 64, 0.085);\r\n    --cb-card: rgba(255, 255, 255, 0.88);\r\n    --cb-card-hover: #ffffff;\r\n    --logo-mobile-ratio: 0.82;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding:clamp(28px, 5vw, 60px) 20px;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    background:\r\n      radial-gradient(circle at 14% 8%, rgba(107, 190, 253, 0.18) 0, transparent 28%),\r\n      radial-gradient(circle at 86% 22%, rgba(38, 68, 133, 0.08) 0, transparent 30%),\r\n      linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n\r\n  .cb-brands-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cb-brands-head {\r\n    max-width: 720px;\r\n    margin: 0 auto 38px;\r\n    text-align: center;\r\n  }\r\n\r\n  .cb-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 13px;\r\n    padding: 8px 16px;\r\n    border: 1px solid rgba(38, 68, 133, 0.13);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.72);\r\n    color: var(--cb-blue);\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 0.13em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cb-brands-head h2 {\r\n    margin: 0;\r\n    color: #003049;\r\n    font-size: 32px;\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .cb-brands-head p {\r\n    max-width: 620px;\r\n    margin: 15px auto 0;\r\n    color: var(--cb-text);\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .cb-brands-board {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 16px;\r\n    border: 1px solid rgba(2, 31, 64, 0.075);\r\n    border-radius: 28px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.92));\r\n    box-shadow: none;\r\n    overflow: visible;\r\n  }\r\n\r\n  .cb-brands-board::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    padding: 1px;\r\n    background: linear-gradient(135deg, rgba(107, 190, 253, 0.38), transparent 36%, rgba(38, 68, 133, 0.12));\r\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cb-brands-grid {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .cb-brand {\r\n    --logo-width: 132px;\r\n\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 94px;\r\n    border: 1px solid var(--cb-border);\r\n    border-radius: 18px;\r\n    background: var(--cb-card);\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    overflow: visible;\r\n    isolation: isolate;\r\n    transition:\r\n      transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),\r\n      border-color 0.24s ease,\r\n      background-color 0.24s ease;\r\n  }\r\n\r\n  .cb-brand::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    border-radius: inherit;\r\n    background: linear-gradient(135deg, rgba(107, 190, 253, 0.13), transparent 55%);\r\n    opacity: 0;\r\n    transition: opacity 0.24s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cb-brand:hover,\r\n  .cb-brand:focus-visible {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(107, 190, 253, 0.58);\r\n    background: var(--cb-card-hover);\r\n    box-shadow: none;\r\n    outline: none;\r\n  }\r\n\r\n  .cb-brand:hover::before,\r\n  .cb-brand:focus-visible::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .cb-brand:focus-visible {\r\n    outline: 2px solid rgba(107, 190, 253, 0.62);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .cb-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 14px;\r\n  }\r\n\r\n  .cb-logo img {\r\n    display: block;\r\n    height: auto;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    pointer-events: none;\r\n    filter: saturate(0.96) contrast(0.98);\r\n    transition: filter 0.24s ease, transform 0.24s ease;\r\n  }\r\n\r\n  .cb-brand:hover .cb-logo img,\r\n  .cb-brand:focus-visible .cb-logo img {\r\n    filter: saturate(1.04) contrast(1);\r\n    transform: scale(1.018);\r\n  }\r\n\r\n  .cb-brand[data-tooltip]::after {\r\n    content: attr(data-tooltip);\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: calc(100% + 10px);\r\n    z-index: 20;\r\n    padding: 8px 11px;\r\n    border-radius: 10px;\r\n    background: var(--cb-navy);\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    letter-spacing: 0.01em;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transform: translateX(-50%) translateY(5px);\r\n    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;\r\n  }\r\n\r\n  .cb-brand[data-tooltip] .cb-logo::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: calc(100% + 5px);\r\n    z-index: 21;\r\n    width: 9px;\r\n    height: 9px;\r\n    background: var(--cb-navy);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transform: translateX(-50%) translateY(5px) rotate(45deg);\r\n    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;\r\n  }\r\n\r\n  .cb-brand[data-tooltip]:hover::after,\r\n  .cb-brand[data-tooltip]:focus-visible::after,\r\n  .cb-brand[data-tooltip]:hover .cb-logo::after,\r\n  .cb-brand[data-tooltip]:focus-visible .cb-logo::after {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n\r\n  .cb-brand[data-tooltip]:hover .cb-logo::after,\r\n  .cb-brand[data-tooltip]:focus-visible .cb-logo::after {\r\n    transform: translateX(-50%) translateY(0) rotate(45deg);\r\n  }\r\n\r\n  \/*\r\n    Logo \u00f6l\u00e7\u00fcleri burada y\u00f6netilir.\r\n    Her marka i\u00e7in yaln\u0131zca --logo-width de\u011ferini de\u011fi\u015ftirmeniz yeterlidir.\r\n    Mobilde bu de\u011fer otomatik olarak --logo-mobile-ratio ile k\u00fc\u00e7\u00fclt\u00fcl\u00fcr.\r\n  *\/\r\n  .brand-vitasol  img { width: 136px; }\r\n  .brand-dermoten  img{ width: 134px; }\r\n  .brand-breathe  img { width: 112px; }\r\n  .brand-expect   img { width: 112px; }\r\n  .brand-hud   img    { width: 100px; }\r\n  .brand-annish  img  { width: 118px; }\r\n  .brand-destek  img  { width: 90px; }\r\n  .brand-biodestek img{ width: 126px; }\r\n  .brand-oralmedic img{ width: 160px; }\r\n  .brand-estomin  img { width: 114px; }\r\n  .brand-medizinc img { width: 146px; }\r\n  .brand-perbrons img { width: 130px; }\r\n\r\n  @media (max-width: 1180px) {\r\n    .cb-brands-grid {\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    }\r\n\r\n    .cb-brand {\r\n      height: 92px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .cb-brands-section {\r\n      padding: 52px 16px 62px;\r\n      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n    }\r\n\r\n    .cb-brands-section::before {\r\n      width: 74%;\r\n    }\r\n\r\n    .cb-brands-head {\r\n      max-width: 100%;\r\n      margin-bottom: 25px;\r\n      text-align: center;\r\n    }\r\n\r\n    .cb-eyebrow {\r\n      padding: 7px 14px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .cb-brands-head p {\r\n      max-width: 96%;\r\n      font-size: 14px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .cb-brands-board {\r\n      padding: 12px;\r\n      border-radius: 23px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cb-brands-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    .cb-brand {\r\n      height: 86px;\r\n      min-width: 0;\r\n      border-radius: 16px;\r\n      transform: none;\r\n    }\r\n\r\n    .cb-brand:hover,\r\n    .cb-brand:focus-visible {\r\n      transform: none;\r\n      border-color: var(--cb-border);\r\n      background: #ffffff;\r\n      box-shadow: none;\r\n      outline: none;\r\n    }\r\n\r\n    .cb-brand:hover::before,\r\n    .cb-brand:focus-visible::before {\r\n      opacity: 0;\r\n    }\r\n\r\n    .cb-brand[data-tooltip]::after,\r\n    .cb-brand[data-tooltip] .cb-logo::after {\r\n      display: none;\r\n    }\r\n\r\n    .cb-logo {\r\n      padding: 12px;\r\n    }\r\n\r\n\r\n    .cb-brand:hover .cb-logo img,\r\n    .cb-brand:focus-visible .cb-logo img {\r\n      transform: none;\r\n    }\r\n    \r\n    .brand-vitasol img { width: 102px; }\r\n.brand-dermoten img { width: 102px; }\r\n.brand-breathe img { width: 84px; }\r\n.brand-expect img { width: 84px; }\r\n.brand-hud img { width: 75px; }\r\n.brand-annish img { width: 92px; }\r\n.brand-destek img { width: 68px; }\r\n.brand-biodestek img { width: 96px; }\r\n.brand-oralmedic img { width: 120px; }\r\n.brand-estomin img { width: 84px; }\r\n.brand-medizinc img { width: 112px; }\r\n.brand-perbrons img { width: 97.5px; }\r\n\r\n  }\r\n\r\n  @media (max-width: 400px) {\r\n    .cb-brands-section {\r\n      padding-left: 12px;\r\n      padding-right: 12px;\r\n    }\r\n\r\n    .cb-brands-grid {\r\n      gap: 8px;\r\n    }\r\n\r\n  }  \r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a664463 e-con-full e-flex e-con e-parent\" data-id=\"7a664463\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-cfc6f52 e-con-full e-flex e-con e-child\" data-id=\"cfc6f52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0c82af elementor-widget elementor-widget-html\" data-id=\"c0c82af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- Casel Products Section - WordPress \/ Elementor safe snippet -->\r\n<style id=\"casel-products-wordpress-css\">\r\n  .casel-products-section {\r\n    --casel-navy: #061a48;\r\n    --casel-text: #071e4e;\r\n    --casel-blue: #0878d8;\r\n    --casel-blue-light: #269bf0;\r\n    --casel-sky: #eaf6ff;\r\n    --casel-card-radius: clamp(22px, 2.5vw, 30px);\r\n    --casel-card-shadow: 0 18px 50px rgba(0, 89, 163, 0.24);\r\n    --casel-soft-shadow: 0 12px 28px rgba(27, 135, 221, 0.16);\r\n\r\n    width: 100%;\r\n    padding: clamp(28px, 5vw, 60px) 20px;\r\n    background: linear-gradient(135deg, #c9ebff 0%, #58aeea 100%);\r\n    color: var(--casel-navy);\r\n    font-family: \"Montserrat\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    line-height: 1.5;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  .casel-products-section,\r\n  .casel-products-section .casel-products-card,\r\n  .casel-products-section .casel-products-card::before,\r\n  .casel-products-section .casel-products-card::after,\r\n  .casel-products-section .casel-dots,\r\n  .casel-products-section .casel-content,\r\n  .casel-products-section .casel-left,\r\n  .casel-products-section .casel-mini-icon,\r\n  .casel-products-section .casel-info-row,\r\n  .casel-products-section .casel-button,\r\n  .casel-products-section .casel-button span,\r\n  .casel-products-section .casel-button svg,\r\n  .casel-products-section .casel-right,\r\n  .casel-products-section .casel-circle-bg,\r\n  .casel-products-section .casel-product-reveal,\r\n  .casel-products-section .casel-product-img {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .casel-products-section .casel-products-card {\r\n    --parallax-x: 0px;\r\n    --parallax-y: 0px;\r\n    --parallax-rotate: 0deg;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    max-width: 1200px;\r\n    min-height: 585px;\r\n    margin-inline: auto;\r\n    overflow: hidden;\r\n    border-radius: var(--casel-card-radius);\r\n    background:\r\n      radial-gradient(circle at 68% 46%, rgba(255, 255, 255, 0.28) 0 22%, transparent 42%),\r\n      linear-gradient(135deg, #d9f2ff 0%, #71bfef 45%, #42a5e7 100%);\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.28),\r\n      var(--casel-card-shadow);\r\n  }\r\n\r\n  .casel-products-section .casel-products-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: -301px;\r\n    z-index: 0;\r\n    width: 760px;\r\n    height: 1042px;\r\n    background: #ffffff;\r\n    box-shadow: 26px 0 70px rgba(255, 255, 255, 0.42);\r\n    transform: skewX(-20deg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .casel-products-section .casel-products-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-end: 43px;\r\n    z-index: 0;\r\n    width: 550px;\r\n    aspect-ratio: 1;\r\n    background-image: url(\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/2-6.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: contain;\r\n    pointer-events: none;\r\n    transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(var(--parallax-rotate));\r\n    transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .casel-products-section.is-parallax-active .casel-products-card::after {\r\n    transition: none;\r\n  }\r\n\r\n  .casel-products-section .casel-dots {\r\n    position: absolute;\r\n    inset-block-start: 50px;\r\n    inset-inline-start: min(44.5vw, 535px);\r\n    z-index: 0;\r\n    width: 110px;\r\n    height: 95px;\r\n    opacity: 0.95;\r\n    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.95) 1.5px, transparent 1.7px);\r\n    background-size: 20px 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .casel-products-section .casel-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1fr);\r\n    min-height: inherit;\r\n  }\r\n\r\n  .casel-products-section .casel-left {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    padding: clamp(48px, 6vw, 66px) clamp(28px, 3.6vw, 44px) clamp(42px, 5vw, 56px) clamp(34px, 5vw, 60px);\r\n  }\r\n\r\n  .casel-products-section .casel-mini-icon {\r\n    display: grid;\r\n    flex: 0 0 auto;\r\n    place-items: center;\r\n    width: 70px;\r\n    height: 70px;\r\n    margin-block-end: 22px;\r\n    border-radius: 50%;\r\n    background: var(--casel-sky);\r\n    box-shadow: var(--casel-soft-shadow);\r\n  }\r\n\r\n  .casel-products-section .casel-mini-icon svg {\r\n    display: block;\r\n    width: 36px;\r\n    height: 36px;\r\n    stroke: var(--casel-blue);\r\n  }\r\n\r\n  .casel-products-section .casel-title {\r\n    margin: 0 0 20px;\r\n    color: #003049;\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .casel-products-section .casel-desc {\r\n    max-width: 36rem;\r\n    margin: 0 0 18px;\r\n    color: var(--casel-text);\r\n    font-size: clamp(0.875rem, 0.82rem + 0.16vw, 0.94rem);\r\n    font-weight: 500;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .casel-products-section .casel-info-row {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr);\r\n    align-items: start;\r\n    max-width: 390px;\r\n    margin-block: 4px 34px;\r\n  }\r\n\r\n  .casel-products-section .casel-cert-text {\r\n    margin: 0;\r\n    color: var(--casel-text);\r\n    font-size: clamp(0.78rem, 0.74rem + 0.14vw, 0.86rem);\r\n    font-weight: 500;\r\n    line-height: 1.64;\r\n  }\r\n\r\n  .casel-products-section .casel-desc strong,\r\n  .casel-products-section .casel-cert-text strong {\r\n    font-weight: 800;\r\n  }\r\n\r\n  .casel-products-section a.casel-button,\r\n  .casel-products-section a.casel-button:link,\r\n  .casel-products-section a.casel-button:visited {\r\n    position: relative;\r\n    z-index: 5;\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: fit-content;\r\n    min-width: 218px;\r\n    min-height: 48px;\r\n    padding: 15px 32px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    outline: 0;\r\n    background: linear-gradient(180deg, #269bf0 0%, #0878d8 100%) !important;\r\n    box-shadow: 0 10px 22px rgba(4, 116, 213, 0.24) !important;\r\n    color: #ffffff !important;\r\n    font-family: \"Montserrat\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.02em;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    text-transform: none;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;\r\n    -webkit-text-fill-color: #ffffff;\r\n  }\r\n\r\n  .casel-products-section a.casel-button:hover,\r\n  .casel-products-section a.casel-button:focus {\r\n    background: linear-gradient(180deg, #33a9ff 0%, #0878d8 100%) !important;\r\n    box-shadow: 0 14px 28px rgba(4, 116, 213, 0.3) !important;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    -webkit-text-fill-color: #ffffff;\r\n    transform: translate3d(0, -2px, 0);\r\n  }\r\n\r\n  .casel-products-section a.casel-button:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.95);\r\n    outline-offset: 4px;\r\n    box-shadow:\r\n      0 14px 28px rgba(4, 116, 213, 0.3),\r\n      0 0 0 6px rgba(8, 120, 216, 0.35) !important;\r\n  }\r\n\r\n  .casel-products-section a.casel-button span {\r\n    display: inline-block;\r\n    color: #ffffff !important;\r\n    line-height: 1;\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    -webkit-text-fill-color: #ffffff;\r\n  }\r\n\r\n  .casel-products-section a.casel-button svg {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    width: 18px;\r\n    height: 18px;\r\n    color: #ffffff;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    opacity: 1;\r\n    transition: transform 220ms ease;\r\n  }\r\n\r\n  .casel-products-section a.casel-button:hover svg,\r\n  .casel-products-section a.casel-button:focus-visible svg {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  .casel-products-section .casel-right {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    place-items: center;\r\n    min-height: 585px;\r\n    padding: 42px 44px 48px 0;\r\n  }\r\n\r\n  .casel-products-section .casel-circle-bg {\r\n    position: absolute;\r\n    inset-block-start: 58px;\r\n    inset-inline-end: 132px;\r\n    z-index: 0;\r\n    width: min(528px, 48vw);\r\n    aspect-ratio: 1;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .casel-products-section .casel-product-reveal {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(620px, 102%);\r\n    margin-block-start: 40px;\r\n    opacity: 0;\r\n    filter: drop-shadow(0 14px 22px rgba(0, 53, 104, 0.12));\r\n    transform: translate3d(26px, 34px, 0) scale(0.96);\r\n    transform-origin: 50% 70%;\r\n    transition:\r\n      opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 1200ms cubic-bezier(0.16, 1, 0.3, 1),\r\n      filter 1200ms cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform, filter;\r\n  }\r\n\r\n  .casel-products-section.is-product-visible .casel-product-reveal {\r\n    opacity: 1;\r\n    filter: drop-shadow(0 20px 32px rgba(0, 53, 104, 0.22));\r\n    transform: translate3d(10px, 0, 0) scale(1);\r\n  }\r\n\r\n  .casel-products-section .casel-product-img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    border: 0;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .casel-products-section.is-product-visible .casel-product-img {\r\n    animation: caselProductFloat2026 6.8s ease-in-out 2.15s infinite;\r\n  }\r\n\r\n  @keyframes caselProductFloat2026 {\r\n    0%,\r\n    100% {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    50% {\r\n      transform: translate3d(0, -8px, 0);\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1025px) and (max-width: 1180px) {\r\n    .casel-products-section .casel-products-card {\r\n      max-width: calc(100vw - 32px);\r\n    }\r\n\r\n    .casel-products-section .casel-products-card::before {\r\n      inset-inline-start: -342px;\r\n      width: 760px;\r\n    }\r\n\r\n    .casel-products-section .casel-products-card::after {\r\n      inset-inline-end: -18px;\r\n      width: 510px;\r\n    }\r\n\r\n    .casel-products-section .casel-content {\r\n      grid-template-columns: minmax(306px, 0.66fr) minmax(0, 1fr);\r\n    }\r\n\r\n    .casel-products-section .casel-left {\r\n      padding-inline: 42px 24px;\r\n    }\r\n\r\n    .casel-products-section .casel-desc,\r\n    .casel-products-section .casel-info-row {\r\n      max-width: 360px;\r\n    }\r\n\r\n    .casel-products-section .casel-right {\r\n      padding-inline-end: 24px;\r\n    }\r\n\r\n    .casel-products-section .casel-circle-bg {\r\n      inset-inline-end: 72px;\r\n      width: min(470px, 43vw);\r\n    }\r\n\r\n    .casel-products-section .casel-product-reveal {\r\n      width: min(575px, 106%);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .casel-products-section {\r\n      padding: clamp(14px, 3vw, 24px);\r\n    }\r\n\r\n    .casel-products-section .casel-products-card {\r\n      min-height: auto;\r\n    }\r\n\r\n    .casel-products-section .casel-products-card::before {\r\n      inset-block-start: 0;\r\n      inset-inline-start: 0;\r\n      width: 100%;\r\n      height: 44%;\r\n      border-radius: 30px;\r\n      box-shadow: 0 18px 54px rgba(255, 255, 255, 0.34);\r\n      transform: none;\r\n    }\r\n\r\n    .casel-products-section .casel-products-card::after {\r\n      display: none;\r\n    }\r\n\r\n    .casel-products-section .casel-content {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n    }\r\n\r\n    .casel-products-section .casel-left {\r\n      width: min(100%, 720px);\r\n      padding: clamp(42px, 6vw, 58px) clamp(30px, 5vw, 52px) 24px;\r\n    }\r\n\r\n    .casel-products-section .casel-desc,\r\n    .casel-products-section .casel-info-row {\r\n      max-width: 640px;\r\n    }\r\n\r\n    .casel-products-section .casel-info-row {\r\n      margin-block: 2px 30px;\r\n    }\r\n\r\n    .casel-products-section .casel-right {\r\n      min-height: 0;\r\n      padding: 8px clamp(24px, 6vw, 54px) clamp(34px, 6vw, 58px);\r\n    }\r\n\r\n    .casel-products-section .casel-circle-bg {\r\n      inset-block-start: 0;\r\n      inset-inline-start: 50%;\r\n      inset-inline-end: auto;\r\n      width: min(540px, 78vw);\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .casel-products-section .casel-product-reveal {\r\n      width: min(660px, 100%);\r\n      margin-block-start: 0;\r\n      transform: translate3d(0, 24px, 0) scale(0.97);\r\n    }\r\n\r\n    .casel-products-section.is-product-visible .casel-product-reveal {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n\r\n    .casel-products-section .casel-dots {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .casel-products-section {\r\n      padding: 12px;\r\n    }\r\n\r\n    .casel-products-section .casel-products-card {\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .casel-products-section .casel-products-card::before {\r\n      height: 58%;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .casel-products-section .casel-left {\r\n      padding: 34px 22px 18px;\r\n    }\r\n\r\n    .casel-products-section .casel-mini-icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      margin-block-end: 18px;\r\n    }\r\n\r\n    .casel-products-section .casel-mini-icon svg {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .casel-products-section .casel-title {\r\n      margin-block-end: 16px;\r\n    }\r\n\r\n    .casel-products-section .casel-desc,\r\n    .casel-products-section .casel-cert-text {\r\n      font-size: 13.5px;\r\n      line-height: 1.64;\r\n    }\r\n\r\n    .casel-products-section .casel-desc {\r\n      margin-block-end: 14px;\r\n    }\r\n\r\n    .casel-products-section .casel-info-row {\r\n      margin-block-end: 24px;\r\n    }\r\n\r\n    .casel-products-section a.casel-button,\r\n    .casel-products-section a.casel-button:link,\r\n    .casel-products-section a.casel-button:visited {\r\n      width: 100%;\r\n      min-width: 0;\r\n      min-height: 52px;\r\n      padding: 15px 22px;\r\n      font-size: 13px;\r\n      white-space: normal;\r\n    }\r\n\r\n    .casel-products-section .casel-right {\r\n      padding: 0 16px 26px;\r\n    }\r\n\r\n    .casel-products-section .casel-circle-bg {\r\n      inset-block-start: 8px;\r\n      width: min(420px, 94vw);\r\n    }\r\n\r\n    .casel-products-section .casel-product-reveal {\r\n      width: min(500px, 100%);\r\n      transform: translate3d(0, 20px, 0) scale(0.97);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .casel-products-section {\r\n      padding: 10px;\r\n    }\r\n\r\n    .casel-products-section .casel-left {\r\n      padding-inline: 20px;\r\n    }\r\n\r\n    .casel-products-section .casel-desc,\r\n    .casel-products-section .casel-cert-text {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .casel-products-section .casel-right {\r\n      padding-inline: 12px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .casel-products-section .casel-products-card::after,\r\n    .casel-products-section .casel-product-reveal,\r\n    .casel-products-section .casel-product-img,\r\n    .casel-products-section a.casel-button,\r\n    .casel-products-section a.casel-button svg {\r\n      transition-duration: 0.01ms !important;\r\n      animation: none !important;\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<noscript>\r\n  <style>\r\n    .casel-products-section .casel-product-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  <\/style>\r\n<\/noscript>\r\n\r\n<section class=\"casel-products-section\" data-casel-products-section aria-label=\"\u00dcr\u00fcnlerimiz\">\r\n  <div class=\"casel-products-card\" data-casel-card>\r\n    <div class=\"casel-dots\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"casel-content\">\r\n      <div class=\"casel-left\">\r\n        <div class=\"casel-mini-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" focusable=\"false\">\r\n            <path d=\"M24 7v18L11 49c-2.2 4 0.6 8 5.2 8h31.6c4.6 0 7.4-4 5.2-8L40 25V7\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n            <path d=\"M21 7h22\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\r\n            <path d=\"M20 38h17\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\r\n            <path d=\"M39 43c8-2 13-9 13-17-9 0-16 5-18 13-1 4 1 7 5 4Z\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n            <path d=\"M34 44c4-5 8-9 14-13\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h2 class=\"casel-title\">\u00dcr\u00fcnlerimiz<\/h2>\r\n\r\n        <p class=\"casel-desc\">\r\n          Casel; <strong>\u0130la\u00e7, T\u0131bbi Cihaz, Takviye Edici G\u0131da<\/strong>\r\n          ve <strong>Ki\u015fisel Bak\u0131m &amp; Dermokozmetik<\/strong> ana kategorilerinde,\r\n          <strong>12 marka<\/strong> ve <strong>250+<\/strong> \u00fcr\u00fcn\u00fcn \u00fcretimini\r\n          ger\u00e7ekle\u015ftirmektedir.\r\n        <\/p>\r\n\r\n        <div class=\"casel-info-row\">\r\n          <p class=\"casel-cert-text\">\r\n            Casel \u0130la\u00e7 \u00fcretim tesisi; <strong>ISO 22000:2018, ISO 10002:2018,\r\n            HACCP, ISO 9001:2015, ISO 22716:2013 ve ISO 13485:2016<\/strong>\r\n            sertifikasyonlar\u0131yla \u00fcretim s\u00fcre\u00e7lerini desteklemektedir. \u00dcr\u00fcnler\r\n            cGMP ve cGLP kurallar\u0131na g\u00f6re \u00fcretilmektedir.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a href=\"\/urunler\/\" class=\"casel-button\" aria-label=\"\u00dcr\u00fcnleri ke\u015ffet\">\r\n          <span>\u00dcR\u00dcNLER\u0130 KE\u015eFET<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"casel-right\">\r\n        <div class=\"casel-circle-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"casel-product-reveal\">\r\n          <img fetchpriority=\"high\"\r\n            class=\"casel-product-img\"\r\n            src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/1-8.png\"\r\n            alt=\"Casel \u00fcr\u00fcn grubu\"\r\n            width=\"620\"\r\n            height=\"465\"\r\n            decoding=\"async\"\r\n            fetchpriority=\"high\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    const sections = document.querySelectorAll(\"[data-casel-products-section]\");\r\n    if (!sections.length) return;\r\n\r\n    const desktopPointer = window.matchMedia(\"(hover: hover) and (pointer: fine) and (min-width: 1025px)\");\r\n    const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n\r\n    const addMediaListener = (mediaQuery, callback) => {\r\n      if (typeof mediaQuery.addEventListener === \"function\") {\r\n        mediaQuery.addEventListener(\"change\", callback);\r\n        return;\r\n      }\r\n\r\n      if (typeof mediaQuery.addListener === \"function\") {\r\n        mediaQuery.addListener(callback);\r\n      }\r\n    };\r\n\r\n    sections.forEach((area) => {\r\n      if (area.dataset.caselProductsInitialized === \"true\") return;\r\n      area.dataset.caselProductsInitialized = \"true\";\r\n\r\n      const card = area.querySelector(\"[data-casel-card]\");\r\n      if (!card) return;\r\n\r\n      const revealProduct = () => {\r\n        window.setTimeout(() => {\r\n          area.classList.add(\"is-product-visible\");\r\n        }, 1000);\r\n      };\r\n\r\n      if (\"IntersectionObserver\" in window) {\r\n        const productObserver = new IntersectionObserver((entries, observer) => {\r\n          entries.forEach((entry) => {\r\n            if (!entry.isIntersecting) return;\r\n            revealProduct();\r\n            observer.disconnect();\r\n          });\r\n        }, {\r\n          threshold: 0.28,\r\n          rootMargin: \"0px 0px -10% 0px\"\r\n        });\r\n\r\n        productObserver.observe(area);\r\n      } else {\r\n        revealProduct();\r\n      }\r\n\r\n      const strength = {\r\n        x: 84,\r\n        y: 56,\r\n        rotate: 5.2\r\n      };\r\n\r\n      const state = {\r\n        areaRect: null,\r\n        frameId: 0,\r\n        lastTime: 0,\r\n        enabled: false,\r\n        active: false,\r\n        currentX: 0,\r\n        currentY: 0,\r\n        currentRotate: 0,\r\n        targetX: 0,\r\n        targetY: 0,\r\n        targetRotate: 0\r\n      };\r\n\r\n      const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\r\n      const damp = (current, target, smoothing, deltaTime) => {\r\n        const amount = 1 - Math.exp(-smoothing * deltaTime);\r\n        return current + (target - current) * amount;\r\n      };\r\n\r\n      const setParallaxVars = () => {\r\n        card.style.setProperty(\"--parallax-x\", `${state.currentX.toFixed(3)}px`);\r\n        card.style.setProperty(\"--parallax-y\", `${state.currentY.toFixed(3)}px`);\r\n        card.style.setProperty(\"--parallax-rotate\", `${state.currentRotate.toFixed(3)}deg`);\r\n      };\r\n\r\n      const render = (time) => {\r\n        const deltaTime = state.lastTime ? Math.min((time - state.lastTime) \/ 1000, 0.05) : 0.016;\r\n        state.lastTime = time;\r\n\r\n        const smoothing = state.active ? 7.5 : 4.8;\r\n        state.currentX = damp(state.currentX, state.targetX, smoothing, deltaTime);\r\n        state.currentY = damp(state.currentY, state.targetY, smoothing, deltaTime);\r\n        state.currentRotate = damp(state.currentRotate, state.targetRotate, smoothing * 0.82, deltaTime);\r\n\r\n        setParallaxVars();\r\n\r\n        const settled =\r\n          Math.abs(state.currentX - state.targetX) < 0.015 &&\r\n          Math.abs(state.currentY - state.targetY) < 0.015 &&\r\n          Math.abs(state.currentRotate - state.targetRotate) < 0.01;\r\n\r\n        if (state.active || !settled) {\r\n          state.frameId = requestAnimationFrame(render);\r\n        } else {\r\n          state.frameId = 0;\r\n          state.lastTime = 0;\r\n          area.classList.remove(\"is-parallax-active\");\r\n        }\r\n      };\r\n\r\n      const startLoop = () => {\r\n        if (!state.frameId) state.frameId = requestAnimationFrame(render);\r\n      };\r\n\r\n      const refreshBounds = () => {\r\n        state.areaRect = area.getBoundingClientRect();\r\n      };\r\n\r\n      const updateTargets = (event) => {\r\n        if (!state.enabled) return;\r\n        if (!state.areaRect) refreshBounds();\r\n\r\n        const progressX = clamp((event.clientX - state.areaRect.left) \/ state.areaRect.width, 0, 1);\r\n        const progressY = clamp((event.clientY - state.areaRect.top) \/ state.areaRect.height, 0, 1);\r\n        const centeredX = progressX - 0.5;\r\n        const centeredY = progressY - 0.5;\r\n\r\n        state.targetX = centeredX * strength.x;\r\n        state.targetY = centeredY * strength.y;\r\n        state.targetRotate = centeredX * strength.rotate;\r\n        startLoop();\r\n      };\r\n\r\n      const enterParallax = (event) => {\r\n        if (!state.enabled) return;\r\n        state.active = true;\r\n        area.classList.add(\"is-parallax-active\");\r\n        refreshBounds();\r\n        updateTargets(event);\r\n      };\r\n\r\n      const resetParallax = () => {\r\n        state.active = false;\r\n        state.areaRect = null;\r\n        state.targetX = 0;\r\n        state.targetY = 0;\r\n        state.targetRotate = 0;\r\n        startLoop();\r\n      };\r\n\r\n      const hardReset = () => {\r\n        state.active = false;\r\n        state.areaRect = null;\r\n        state.currentX = 0;\r\n        state.currentY = 0;\r\n        state.currentRotate = 0;\r\n        state.targetX = 0;\r\n        state.targetY = 0;\r\n        state.targetRotate = 0;\r\n        state.lastTime = 0;\r\n        area.classList.remove(\"is-parallax-active\");\r\n        if (state.frameId) cancelAnimationFrame(state.frameId);\r\n        state.frameId = 0;\r\n        setParallaxVars();\r\n      };\r\n\r\n      const enable = () => {\r\n        state.enabled = true;\r\n        area.addEventListener(\"pointerenter\", enterParallax, { passive: true });\r\n        area.addEventListener(\"pointermove\", updateTargets, { passive: true });\r\n        area.addEventListener(\"pointerleave\", resetParallax, { passive: true });\r\n        window.addEventListener(\"resize\", resetParallax, { passive: true });\r\n      };\r\n\r\n      const disable = () => {\r\n        state.enabled = false;\r\n        area.removeEventListener(\"pointerenter\", enterParallax);\r\n        area.removeEventListener(\"pointermove\", updateTargets);\r\n        area.removeEventListener(\"pointerleave\", resetParallax);\r\n        window.removeEventListener(\"resize\", resetParallax);\r\n        hardReset();\r\n      };\r\n\r\n      const syncMode = () => {\r\n        const shouldEnable = desktopPointer.matches && !reducedMotion.matches;\r\n        if (shouldEnable && !state.enabled) enable();\r\n        if (!shouldEnable && state.enabled) disable();\r\n      };\r\n\r\n      syncMode();\r\n      addMediaListener(desktopPointer, syncMode);\r\n      addMediaListener(reducedMotion, syncMode);\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-ee05bd6 elementor-widget elementor-widget-html\" data-id=\"ee05bd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* Elementor-ready scoped CSS: no html, body, :root, or global selectors. *\/\r\n.casel-production,\r\n.casel-production *,\r\n.casel-production *::before,\r\n.casel-production *::after {\r\n  box-sizing: border-box;\r\n}\r\n.casel-production__button:hover{\r\n    color:#fff;\r\n}\r\n\r\n.casel-production {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 5vw, 60px) 20px;\r\n      background: linear-gradient(180deg, #f4fbff 0%, #ffffff 48%, #f7fcff 100%);\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .casel-production__shell {\r\n      position: relative;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      border-radius: clamp(24px, 3vw, 34px);\r\n      background-image:\r\n        linear-gradient(90deg, rgba(6, 31, 49, .98) 0%, rgba(6, 38, 56, .93) 39%, rgba(6, 38, 56, .54) 58%, rgba(6, 38, 56, .10) 82%, rgba(6, 38, 56, .04) 100%),\r\n        linear-gradient(180deg, rgba(12, 174, 238, .12) 0%, rgba(255, 255, 255, 0) 44%, rgba(6, 31, 49, .18) 100%),\r\n        url('https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/casel-factory.png');\r\n      background-repeat: no-repeat;\r\n      background-position: center, center, right center;\r\n      background-size: cover, cover, auto 100%;\r\n      box-shadow: 0 28px 78px rgba(7, 47, 68, .16);\r\n      border: 1px solid rgba(255, 255, 255, .18);\r\n    }\r\n\r\n    .casel-production__shell::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\r\n      background-size: 56px 56px;\r\n      opacity: .44;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-production__shell::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        radial-gradient(circle at 16% 18%, rgba(88, 202, 255, .16), transparent 30%),\r\n        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .18), transparent 26%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-production__inner {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .96fr) minmax(380px, 1.04fr);\r\n      gap: clamp(28px, 5vw, 68px);\r\n      align-items: center;\r\n      padding: clamp(42px, 5.4vw, 74px);\r\n    }\r\n\r\n    .casel-production__content {\r\n      max-width: 540px;\r\n    }\r\n\r\n    .casel-production__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin: 0 0 18px;\r\n      color: #7ddcff;\r\n      font-size: 11px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .casel-production__label::before {\r\n      content: '';\r\n      inline-size: 28px;\r\n      block-size: 1px;\r\n      background: linear-gradient(90deg, #7ddcff, transparent);\r\n    }\r\n\r\n    .casel-production__title {\r\n      margin: 0;\r\n      max-width: 500px;\r\n      color: #ffffff;\r\n      font-size: clamp(26px, 3vw, 32px);\r\n      line-height: 1.15;\r\n      font-weight: 800;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .casel-production__title em {\r\n      display: block;\r\n      color: #73d9ff;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    .casel-production__lead {\r\n      margin: 15px 0 0;\r\n      max-width: 535px;\r\n      color: rgba(255, 255, 255, .72);\r\n      font-size: 14px;\r\n      line-height: 1.78;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .casel-production__actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px 16px;\r\n      align-items: center;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .casel-production__button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      padding: 16px 32px;\r\n      border-radius: 999px;\r\n      color: #ffffff;\r\n      background: linear-gradient(135deg, #23a7f4 0%, #0875d6 100%);\r\n      text-decoration: none;\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: .07em;\r\n      text-transform: uppercase;\r\n      border: 1px solid rgba(255,255,255,.22);\r\n      box-shadow: 0 18px 38px rgba(0, 125, 225, .34), inset 0 1px 0 rgba(255,255,255,.28);\r\n      overflow: hidden;\r\n      transform: translateZ(0);\r\n      transition: transform .3s ease, box-shadow .3s ease;\r\n    }\r\n\r\n    .casel-production__button::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 1px 1px auto;\r\n      aspect-ratio: 8 \/ 1;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);\r\n      opacity: .55;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-production__button span,\r\n    .casel-production__button svg {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .casel-production__button svg {\r\n      inline-size: 16px;\r\n      block-size: 16px;\r\n      transition: transform .3s ease;\r\n    }\r\n\r\n    .casel-production__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 24px 46px rgba(0, 125, 225, .42), inset 0 1px 0 rgba(255,255,255,.32);\r\n    }\r\n\r\n    .casel-production__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .casel-production__button:focus-visible {\r\n      outline: 3px solid rgba(125, 220, 255, .72);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    .casel-production__button:nth-child(2) {\r\n      background: rgba(255, 255, 255, .08);\r\n      border-color: rgba(255, 255, 255, .34);\r\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 30px rgba(0, 0, 0, .12);\r\n    }\r\n\r\n    .casel-production__button:nth-child(2):hover {\r\n      background: rgba(255, 255, 255, .13);\r\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 18px 36px rgba(0, 0, 0, .16);\r\n    }\r\n\r\n    .casel-production__note {\r\n      color: rgba(255,255,255,.62);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .casel-production__visual {\r\n      position: relative;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .casel-production__mobile-image {\r\n      display: none;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      height: auto;\r\n      border-radius: 22px;\r\n      box-shadow: 0 18px 42px rgba(5, 31, 49, .18);\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .casel-production__capabilities {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 1200px;\r\n      margin: clamp(18px, 2.4vw, 30px) auto 0;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: clamp(12px, 1.8vw, 18px);\r\n    }\r\n\r\n    .casel-production__capability {\r\n      position: relative;\r\n      overflow: hidden;\r\ndisplay: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 24px 18px 22px;\r\n      border-radius: 24px;\r\n      color: #0c8fe7;\r\n      text-align: center;\r\n      background:\r\n        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(239, 249, 255, .62)),\r\n        radial-gradient(circle at 50% -22%, rgba(31, 166, 240, .18), transparent 46%);\r\n      border: 1px solid rgba(125, 203, 247, .44);\r\n      box-shadow:\r\n        0 20px 48px rgba(8, 74, 115, .10),\r\n        0 1px 0 rgba(255, 255, 255, .86) inset,\r\n        0 -1px 0 rgba(31, 166, 240, .08) inset;\r\n      backdrop-filter: blur(18px) saturate(160%);\r\n      -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n      transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;\r\n    }\r\n\r\n    .casel-production__capability::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 1px;\r\n      border-radius: 23px;\r\n      background:\r\n        linear-gradient(115deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.24) 36%, rgba(255,255,255,0) 64%),\r\n        radial-gradient(circle at 50% 0%, rgba(35, 167, 244, .18), transparent 40%);\r\n      opacity: .82;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-production__capability::after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 24%;\r\n      right: 24%;\r\n      bottom: 0;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, #139cf0, transparent);\r\n      box-shadow: 0 0 18px rgba(19, 156, 240, .42);\r\n      opacity: .72;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .casel-production__capability:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(31, 166, 240, .62);\r\n      background:\r\n        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(233, 247, 255, .74)),\r\n        radial-gradient(circle at 50% -22%, rgba(31, 166, 240, .24), transparent 48%);\r\n      box-shadow:\r\n        0 26px 60px rgba(8, 74, 115, .14),\r\n        0 1px 0 rgba(255, 255, 255, .92) inset,\r\n        0 -1px 0 rgba(31, 166, 240, .12) inset;\r\n    }\r\n\r\n    .casel-production__capability-icon,\r\n    .casel-production__capability-copy {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .casel-production__capability-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 64px;\r\n      height: 64px;\r\n      margin-bottom: 12px;\r\n      color: #078ce4;\r\n      border-radius: 20px;\r\n      background:\r\n        linear-gradient(145deg, rgba(255,255,255,.92), rgba(227,246,255,.78));\r\n      border: 1px solid rgba(31, 166, 240, .20);\r\n      box-shadow:\r\n        0 14px 32px rgba(8, 143, 231, .12),\r\n        inset 0 1px 0 rgba(255,255,255,.88);\r\n    }\r\n\r\n    .casel-production__capability-icon svg {\r\n      width: 40px;\r\n      height: 40px;\r\n      filter: drop-shadow(0 6px 14px rgba(8, 143, 231, .16));\r\n    }\r\n\r\n    .casel-production__capability-copy {\r\n      display: block;\r\n    }\r\n\r\n    .casel-production__capability strong {\r\n      display: block;\r\n      color: #0d3650;\r\n      font-size: 16px;\r\n      line-height: 1.22;\r\n      font-weight: 800;\r\n      letter-spacing: -.02em;\r\n    }\r\n\r\n    .casel-production__capability-copy > span {\r\n      display: block;\r\n      margin-top: 4px;\r\n      color: #466b82;\r\n      font-size: 15px;\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n      letter-spacing: -.02em;\r\n    }\r\n\r\n    .casel-reveal {\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n      transition: opacity .82s cubic-bezier(.2,.8,.2,1), transform .82s cubic-bezier(.2,.8,.2,1);\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .casel-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .casel-production__visual.casel-reveal {\r\n      transform: translateY(18px) scale(.985);\r\n    }\r\n\r\n    .casel-production__visual.casel-reveal.is-visible {\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    @media (max-width: 1060px) {\r\n      .casel-production__capabilities {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .casel-production__inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .casel-production__content {\r\n        max-width: 760px;\r\n      }\r\n\r\n      .casel-production__title,\r\n      .casel-production__lead {\r\n        max-width: 700px;\r\n      }\r\n\r\n      .casel-production__shell {\r\n        background-image:\r\n          radial-gradient(circle at 14% 8%, rgba(88, 202, 255, .18), transparent 34%),\r\n          linear-gradient(135deg, #061f31 0%, #07364f 100%);\r\n        background-position: center;\r\n        background-size: cover;\r\n      }\r\n\r\n      .casel-production__visual {\r\n        display: block;\r\n      }\r\n\r\n      .casel-production__mobile-image {\r\n        display: block;\r\n      }\r\n\r\n      .casel-production__mini-list {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      .casel-production__capabilities {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      .casel-production__capability {\r\nflex-direction: row;\r\n        justify-content: flex-start;\r\n        text-align: left;\r\n        gap: 14px;\r\n        padding: 16px 18px;\r\n      }\r\n\r\n      .casel-production__capability-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        margin-bottom: 0;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .casel-production__capability-icon svg {\r\n        width: 32px;\r\n        height: 32px;\r\n      }\r\n\r\n      .casel-production__capability-copy {\r\n        display: block;\r\n      }\r\n\r\n      .casel-production__capability strong {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .casel-production__capability-copy > span {\r\n        font-size: 13px;\r\n        margin-top: 2px;\r\n      }\r\n\r\n      .casel-production {\r\n        padding-left: 14px;\r\n        padding-right: 14px;\r\n      }\r\n\r\n      .casel-production__inner {\r\n        padding: 28px 20px;\r\n        gap: 24px;\r\n      }\r\n\r\n      .casel-production__shell {\r\n        background-image:\r\n          radial-gradient(circle at 14% 8%, rgba(88, 202, 255, .18), transparent 34%),\r\n          linear-gradient(135deg, #061f31 0%, #07364f 100%);\r\n        background-position: center;\r\n        background-size: cover;\r\n      }\r\n      .casel-production__actions {\r\n        width: 100%;\r\n      }\r\n\r\n      .casel-production__button {\r\n        width: 100%;\r\n      }\r\n\r\n      .casel-production__note {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .casel-reveal,\r\n      .casel-production__visual.casel-reveal,\r\n      .casel-production__button,\r\n      .casel-production__button svg,\r\n      .casel-production__capability {\r\n        transition: none !important;\r\n      }\r\n\r\n      .casel-reveal,\r\n      .casel-production__visual.casel-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n<\/style>\r\n\r\n<!-- Casel Production Section - Start -->\r\n  <section class=\"casel-production\" aria-labelledby=\"casel-production-title\">\r\n    <div class=\"casel-production__shell\">\r\n      <div class=\"casel-production__inner\">\r\n        <div class=\"casel-production__content casel-reveal\" style=\"--delay: 0ms;\">\r\n          <h2 class=\"casel-production__title\" id=\"casel-production-title\">\u00dcretim<\/h2>\r\n          <p class=\"casel-production__lead\">\r\n            Casel \u0130la\u00e7, \u0130stanbul Esenyurt\u2019taki kendi tesisinde global standartlarda AR-GE ve \u00fcretim ger\u00e7ekle\u015ftirmektedir.\r\n          <\/p>\r\n          <p class=\"casel-production__lead\">\r\n            Takviye edici g\u0131dalar, dermokozmetik \u00fcr\u00fcnler, cilt ve sa\u00e7 bak\u0131m \u00fcr\u00fcnleri, fonksiyonel \u00fcr\u00fcnler ve t\u0131bbi ve aromatik ya\u011flar gibi farkl\u0131 kategorilerde 300\u2019\u00fcn \u00fczerinde \u00fcr\u00fcn \u00fcretilmektedir.\r\n          <\/p>\r\n          <p class=\"casel-production__lead\">\r\n            Ayn\u0131 zamanda AR-GE ve fason \u00fcretim hizmeti veren Casel \u0130la\u00e7, b\u00fcy\u00fcyen ve geli\u015fen \u00fcretim kapasitesiyle, yerli \u00fcretime katk\u0131da bulunmaktad\u0131r.\r\n          <\/p>\r\n\r\n          <div class=\"casel-production__actions\">\r\n            <a class=\"casel-production__button\" href=\"\/uretim\/\" aria-label=\"\u00dcretim tesisimizi inceleyin\">\r\n              <span>\u00dcretim Tesisimiz<\/span>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"m13 6 6 6-6 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a class=\"casel-production__button\" href=\"\/uretim\/fason-uretim\/\" aria-label=\"Fason \u00fcretim hakk\u0131nda bilgi al\u0131n\">\r\n              <span>Fason \u00dcretim<\/span>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"m13 6 6 6-6 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"casel-production__visual casel-reveal\" style=\"--delay: 140ms;\">\r\n          <img decoding=\"async\" class=\"casel-production__mobile-image\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/06\/casel-factory.png\" alt=\"Casel \u00fcretim tesisi\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"casel-production__capabilities\" aria-label=\"\u00dcretim yetkinlikleri\">\r\n      <article class=\"casel-production__capability casel-reveal\" style=\"--delay: 180ms;\">\r\n        <span class=\"casel-production__capability-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n            <rect x=\"13\" y=\"18\" width=\"38\" height=\"30\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2.6\"\/>\r\n            <path d=\"M21 30.5 28.2 38 43.5 23.5\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M24 18v-4.5h16V18\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M18.5 48.5 14 55M45.5 48.5 50 55\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"casel-production__capability-copy\">\r\n          <strong>GMP<\/strong>\r\n          <span>Uygun \u00dcretim<\/span>\r\n        <\/span>\r\n      <\/article>\r\n\r\n      <article class=\"casel-production__capability casel-reveal\" style=\"--delay: 240ms;\">\r\n        <span class=\"casel-production__capability-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n            <path d=\"M19 13.5h26a5 5 0 0 1 5 5v27a5 5 0 0 1-5 5H19a5 5 0 0 1-5-5v-27a5 5 0 0 1 5-5Z\" stroke=\"currentColor\" stroke-width=\"2.8\"\/>\r\n            <path d=\"M24 26h16M24 33h10M24 40h16\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M43 22.5 49 16.5M45.5 16.5H49v3.5\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M15 50 10.5 54.5M49 50l4.5 4.5\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"casel-production__capability-copy\">\r\n          <strong>ISO<\/strong>\r\n          <span>Standartlar\u0131<\/span>\r\n        <\/span>\r\n      <\/article>\r\n\r\n      <article class=\"casel-production__capability casel-reveal\" style=\"--delay: 300ms;\">\r\n        <span class=\"casel-production__capability-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n            <path d=\"M32 9.5 48.5 17v12c0 10.3-6.5 17.8-16.5 22.8C22 46.8 15.5 39.3 15.5 29V17L32 9.5Z\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M24 31.5 29.8 37.2 41.5 24.2\" stroke=\"currentColor\" stroke-width=\"3.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M24 52h16\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M32 52v5.5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"casel-production__capability-copy\">\r\n          <strong>Y\u00fcksek Kalite<\/strong>\r\n          <span>Kontrol<\/span>\r\n        <\/span>\r\n      <\/article>\r\n\r\n      <article class=\"casel-production__capability casel-reveal\" style=\"--delay: 360ms;\">\r\n        <span class=\"casel-production__capability-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n            <path d=\"M22 10h20\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M26 10v13.5L16.8 42.7A8.5 8.5 0 0 0 24.4 55h15.2a8.5 8.5 0 0 0 7.6-12.3L38 23.5V10\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M23 41h18\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M24.5 29.5c6 2.8 10.5-2.8 16 0\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M45.5 16.5 51 11M51 11v6M51 11h-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"casel-production__capability-copy\">\r\n          <strong>Ar-Ge ve<\/strong>\r\n          <span>\u0130novasyon<\/span>\r\n        <\/span>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n  <!-- Casel Production Section - End -->\r\n\r\n<script>\r\n(function () {\r\n  const sections = document.querySelectorAll('.casel-production');\r\n\r\n  sections.forEach((section) => {\r\n    const revealItems = section.querySelectorAll('.casel-reveal');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      revealItems.forEach((item) => item.classList.add('is-visible'));\r\n      return;\r\n    }\r\n\r\n    const observer = new IntersectionObserver((entries, activeObserver) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          activeObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.14 });\r\n\r\n    revealItems.forEach((item) => observer.observe(item));\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b35254 wrap e-flex e-con-boxed e-con e-parent\" data-id=\"4b35254\" 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-5ca38c5 elementor-widget elementor-widget-elementskit-heading\" data-id=\"5ca38c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Bizden Haberler<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbff2cb casel-blog-grid elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"dbff2cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div id=\"post-items--dbff2cb\" class=\"ekit-row post-items\">\n                    <div class=\"ekit-col-4\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/www.casel.com\/en\/post\/breathe-right-artik-eveshop-magazalarinda\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/07\/eveshop-breathe-right-768x504.png\" alt=\"Breathe Right Art\u0131k EveShop Ma\u011fazalar\u0131nda\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/www.casel.com\/en\/post\/breathe-right-artik-eveshop-magazalarinda\/\">\n\t\t\t\t\t\tBreathe Right Art\u0131k EveShop Ma\u011fazalar\u0131nda\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>G\u00fcnl\u00fck ya\u015famda daha rahat nefes almak; uyku kalitesinden fiziksel performansa, konsantrasyondan genel ya\u015fam konforuna kadar pek \u00e7ok alanda \u00f6nemli bir rol oynar. Burun t\u0131kan\u0131kl\u0131\u011f\u0131na kar\u015f\u0131 pratik bir \u00e7\u00f6z\u00fcm sunan Breathe Right burun bantlar\u0131, art\u0131k EveShop ma\u011fazalar\u0131nda t\u00fcketicilerle bulu\u015fuyor. Daha Rahat Nefes \u0130\u00e7in Pratik Destek Breathe Right burun bantlar\u0131, burun kanatlar\u0131n\u0131 nazik\u00e7e kald\u0131rarak burun hava yollar\u0131n\u0131n [&hellip;]<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"ekit-col-4\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/www.casel.com\/en\/post\/dermoten-cilt-bakim-kategorisinde-worldef-2026-odulunu-aldi\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/07\/26-768x504.png\" alt=\"Dermoten Cilt Bak\u0131m Kategorisinde WORLDEF 2026 \u00d6d\u00fcl\u00fcn\u00fc Ald\u0131\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/www.casel.com\/en\/post\/dermoten-cilt-bakim-kategorisinde-worldef-2026-odulunu-aldi\/\">\n\t\t\t\t\t\tDermoten Cilt Bak\u0131m Kategorisinde WORLDEF 2026 \u00d6d\u00fcl\u00fcn\u00fc Ald\u0131\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Casel \u0130la\u00e7 olarak, Dermoten markam\u0131z ad\u0131na \u00f6nemli bir ba\u015far\u0131y\u0131 payla\u015fmaktan memnuniyet duyuyoruz. Dermoten, WORLDEF 2026 kapsam\u0131nda d\u00fczenlenen ECOM100 \u00f6d\u00fcllerinde \u201cCilt Bak\u0131m\u201d kategorisinde halk oylamas\u0131 sonucunda 1. se\u00e7ilerek \u00f6d\u00fcle lay\u0131k g\u00f6r\u00fcld\u00fc. Kullan\u0131c\u0131lar\u0131n tercihleriyle elde edilen bu de\u011ferli sonu\u00e7, Dermoten\u2019in cilt bak\u0131m alan\u0131ndaki g\u00fcvenilir marka alg\u0131s\u0131n\u0131, \u00fcr\u00fcn kalitesini ve t\u00fcketiciyle kurdu\u011fu g\u00fc\u00e7l\u00fc ba\u011f\u0131 bir kez daha ortaya [&hellip;]<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"ekit-col-4\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/www.casel.com\/en\/post\/dermoten-worldef-2026-cilt-bakim-kategorisinde-halk-oylamasinda-1-secildi\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.casel.com\/wp-content\/uploads\/2026\/07\/25-768x504.png\" alt=\"Dermoten, WORLDEF 2026 Cilt Bak\u0131m Kategorisinde Halk Oylamas\u0131nda 1. Se\u00e7ildi!\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/www.casel.com\/en\/post\/dermoten-worldef-2026-cilt-bakim-kategorisinde-halk-oylamasinda-1-secildi\/\">\n\t\t\t\t\t\tDermoten, WORLDEF 2026 Cilt Bak\u0131m Kategorisinde Halk Oylamas\u0131nda 1. Se\u00e7ildi!\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Casel \u0130la\u00e7 olarak, Dermoten markam\u0131z ad\u0131na de\u011ferli bir ba\u015far\u0131y\u0131 payla\u015fmaktan mutluluk duyuyoruz. Dermoten, WORLDEF 2026 kapsam\u0131nda \u201cCilt Bak\u0131m\u201d kategorisinde ger\u00e7ekle\u015ftirilen halk oylamas\u0131nda 1. se\u00e7ildi. Kullan\u0131c\u0131lar\u0131n oylar\u0131yla elde edilen bu sonu\u00e7, Dermoten\u2019in cilt bak\u0131m alan\u0131ndaki g\u00fc\u00e7l\u00fc marka alg\u0131s\u0131n\u0131, \u00fcr\u00fcnlerine duyulan g\u00fcveni ve t\u00fcketicilerle kurdu\u011fu samimi ba\u011f\u0131 bir kez daha ortaya koydu. Dermoten olarak, kullan\u0131c\u0131 ihtiya\u00e7lar\u0131na odaklanan [&hellip;]<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                <\/div>\n       <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19bc205 elementor-widget elementor-widget-html\" data-id=\"19bc205\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"casel-production__actions\" style=\"margin:0!important;display:block!important\">\n    <a class=\"casel-production__button\" href=\"\/haberler\/\" style=\"float:right;margin-right:2%\">\n      <span>T\u00fcm haberler<\/span>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M5 12h13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <path d=\"m13 6 6 6-6 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/svg>\n    <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19fc52a elementor-widget elementor-widget-html\" data-id=\"19fc52a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n\/* ---- Ambient stage: a soft gradient so the glass has light to refract ---- *\/\n.casel-blog-grid .ekit-wid-con {\n  background: radial-gradient(120% 90% at 50% 0%, #E9F3FB 0%, #F5FAFD 46%, #FFFFFF 100%);\n  border-radius: 26px;\n  padding: 33px 40px;\n}\n\n.elementskit-post-image-card{\n    background: transparent!important;\n}\n\n.casel-blog-grid .elementskit-post-body h2 a{\n    font-size:18px!important;\n    line-height:25px!important;\n    display: block;\n    \n}\n\n\/* ---- Grid ---- *\/\n.casel-blog-grid .ekit-wid-con .ekit-row.post-items {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 44px 34px;\n  align-items: start;\n}\n\n.casel-blog-grid .ekit-wid-con .ekit-col-4 {\n  width: 100%;\n  max-width: 100%;\n  padding: 0;\n  display: flex;\n}\n\n\/* ---- The article shell ---- *\/\n.casel-blog-grid .ekit-wid-con .elementskit-post-image-card {\n  --ink: #12293B;\n  --brand: #1B9FDE;\n  --brand-deep: #0E6CA0;\n  --muted: #47596B;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: transparent;\n  border: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n\/* ---- Photography ---- *\/\n.casel-blog-grid .ekit-wid-con .elementskit-entry-header {\n  position: relative;\n  overflow: hidden;\n  border-radius: 22px;\n  box-shadow: 0 24px 50px -26px rgba(12,52,82,.5);\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-entry-thumb {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  border-radius: 22px;\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-entry-thumb img {\n  display: block;\n  width: 100%;\n  height: 342px;\n  object-fit: cover;\n  transform: scale(1.03);\n  filter: saturate(1.02);\n  transition: transform 1.2s cubic-bezier(.2,.7,.2,1), filter .8s ease;\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb img {\n  transform: scale(1.09);\n  filter: saturate(1.06);\n}\n\n\/* scrim so the frosted panel reads cleanly over any photo *\/\n.casel-blog-grid .ekit-wid-con .elementskit-entry-header::after {\n  content: \"\";\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  height: 55%;\n  background: linear-gradient(to top, rgba(9,38,58,.34), rgba(9,38,58,0));\n  pointer-events: none;\n}\n\n\/* ---- The frosted glass panel (floats up over the image) ---- *\/\n.casel-blog-grid .ekit-wid-con .elementskit-post-body {\n  position: relative;\n  z-index: 2;\n  margin: -108px 16px 0;\n  padding: 22px 14px 24px 26px!important;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-radius: 20px;\n  border: 1px solid rgba(255,255,255,.6);\n  \/* fallback for browsers without backdrop-filter: more opaque so text stays legible *\/\n  background: linear-gradient(158deg, rgba(255,255,255,.82), rgba(255,255,255,.66));\n  box-shadow:\n    0 22px 45px -22px rgba(12,52,82,.5),\n    inset 0 1px 0 rgba(255,255,255,.8);\n  transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease, background .5s ease;\n}\n\n@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {\n  .casel-blog-grid .ekit-wid-con .elementskit-post-body {\n    background: linear-gradient(158deg, rgba(255,255,255,.6), rgba(255,255,255,.36));\n    -webkit-backdrop-filter: blur(22px) saturate(150%);\n    backdrop-filter: blur(22px) saturate(150%);\n  }\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-post-image-card:hover .elementskit-post-body {\n  transform: translateY(-8px);\n  box-shadow:\n    0 34px 58px -24px rgba(11,80,120,.55),\n    inset 0 1px 0 rgba(255,255,255,.9);\n}\n\n\/* ---- Date eyebrow ---- *\/\n.casel-blog-grid .ekit-wid-con .post-meta-list { margin: 0; }\n\n.casel-blog-grid .ekit-wid-con .meta-date {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--brand-deep);\n}\n\n.casel-blog-grid .ekit-wid-con .meta-date::before {\n  content: \"\";\n  width: 22px;\n  height: 1px;\n  background: var(--brand);\n  transition: width .45s cubic-bezier(.2,.7,.2,1);\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-post-image-card:hover .meta-date::before { width: 38px; }\n\n.casel-blog-grid .ekit-wid-con .meta-date svg { display: none; }\n.casel-blog-grid .ekit-wid-con .meta-date-text { line-height: 1; }\n\n\/* ---- Headline ---- *\/\n.casel-blog-grid .ekit-wid-con .entry-title {\n  margin: 1px 0 0!important;\n  font-family: 'Fraunces', Georgia, serif;\n  font-optical-sizing: auto;\n  font-size: 21px;\n  line-height: 1.28;\n  font-weight: 500;\n  letter-spacing: -0.006em;\n  text-wrap: balance;\n}\n\n.casel-blog-grid .ekit-wid-con .entry-title a {\n  color: var(--ink);\n  text-decoration: none;\n  transition: color .35s ease;\n}\n\n.casel-blog-grid .ekit-wid-con .elementskit-post-image-card:hover .entry-title a { color: var(--brand-deep); }\n\n\/* ---- Excerpt ---- *\/\n.casel-blog-grid .ekit-wid-con .elementskit-post-body p {\n  margin:  0!important;\n  font-family: 'Inter', sans-serif;\n  font-size: 13.5px;\n  line-height: 1.72;\n  color: var(--muted);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  \n}\n\n.casel-blog-grid .post-meta-list{\n    display: none!important;\n}\n\n\/* ---- Responsive ---- *\/\n@media (max-width: 1024px) {\n  .casel-blog-grid .ekit-wid-con { padding: 46px 30px 50px; }\n  .casel-blog-grid .ekit-wid-con .ekit-row.post-items { grid-template-columns: repeat(2, 1fr); gap: 38px 28px; }\n}\n\n@media (max-width: 600px) {\n  .casel-blog-grid .ekit-wid-con { padding: 34px 18px 40px; border-radius: 20px; }\n  .casel-blog-grid .ekit-wid-con .ekit-row.post-items { grid-template-columns: 1fr; gap: 36px; }\n  .casel-blog-grid .ekit-wid-con .elementskit-entry-thumb img { height: 320px; }\n  .casel-blog-grid .ekit-wid-con .elementskit-post-body { margin: -100px 14px 0; }\n  \n  .casel-blog-grid .ekit-wid-con {padding:0 10px;background:transparent!important}\n}\n\n\/* ---- Respect reduced motion ---- *\/\n@media (prefers-reduced-motion: reduce) {\n  .casel-blog-grid .ekit-wid-con .elementskit-entry-thumb img,\n  .casel-blog-grid .ekit-wid-con .elementskit-post-body,\n  .casel-blog-grid .ekit-wid-con .meta-date::before,\n  .casel-blog-grid .ekit-wid-con .entry-title a { transition: none; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e33b2ec e-con-full e-flex e-con e-parent\" data-id=\"e33b2ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf29fc6 elementor-widget elementor-widget-html\" data-id=\"bf29fc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cslctc-wrap{\r\n    font-family:'Montserrat',sans-serif;\r\n    line-height:1.7;\r\n    -webkit-font-smoothing:antialiased;\r\n    \/* \u00fcstte hafif daha ayd\u0131nl\u0131k, altta footer rengine iner *\/\r\n    background:linear-gradient(180deg,#0d2c3f 0%,#0a2231 100%);\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n  .cslctc-wrap *{margin:0;padding:0;box-sizing:border-box;}\r\n  .cslctc-container{\r\n    max-width:1140px;\r\n    margin:0 auto;\r\n    padding:62px 24px;\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* dokular *\/\r\n  .cslctc-wrap::before{\r\n    content:\"\";\r\n    position:absolute;inset:0;\r\n    background-image:radial-gradient(rgba(255,255,255,0.07) 1.2px,transparent 1.2px);\r\n    background-size:26px 26px;\r\n    opacity:.45;\r\n  }\r\n  .cslctc-glow{\r\n    position:absolute;\r\n    width:640px;height:640px;\r\n    left:50%;top:-340px;\r\n    transform:translateX(-50%);\r\n    background:radial-gradient(circle,rgba(41,171,226,.22) 0%,transparent 65%);\r\n    pointer-events:none;\r\n  }\r\n  \/* logo motifi: e\u011fik \u015feritler *\/\r\n  .cslctc-shape{\r\n    position:absolute;\r\n    width:110px;height:300px;\r\n    background:linear-gradient(180deg,#29abe2,#1178b6);\r\n    transform:skewX(-18deg);\r\n    border-radius:18px;\r\n    opacity:.07;\r\n    pointer-events:none;\r\n  }\r\n  .cslctc-shape--a{right:-30px;bottom:-110px;}\r\n  .cslctc-shape--b{right:110px;bottom:-190px;opacity:.045;}\r\n  .cslctc-shape--c{left:-40px;top:-120px;opacity:.05;}\r\n\r\n  .cslctc-ico{\r\n    width:66px;height:66px;\r\n    margin:0 auto 22px;\r\n    background:rgba(41,171,226,.14);\r\n    border:1px solid rgba(41,171,226,.4);\r\n    border-radius:18px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:#7fd0f5;\r\n  }\r\n  .cslctc-title{\r\n    color:#ffffff;\r\n    font-size:34px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n    margin-bottom:14px;\r\n  }\r\n  .cslctc-text{\r\n    color:#a9c3d6;\r\n    font-size:16.5px;\r\n    max-width:660px;\r\n    margin:0 auto 34px;\r\n  }\r\n  .cslctc-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    background:#29abe2;\r\n    color:#ffffff;\r\n    font-family:'Montserrat',sans-serif;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    letter-spacing:1.2px;\r\n    text-transform:uppercase;\r\n    text-decoration:none;\r\n    padding:17px 40px;\r\n    border-radius:50px;\r\n    transition:background .25s ease,transform .25s ease,box-shadow .25s ease;\r\n    box-shadow:0 8px 24px rgba(41,171,226,.30);\r\n  }\r\n  .cslctc-btn:hover{\r\n    background:#1fa0d8;\r\n    transform:translateY(-2px);\r\n    box-shadow:0 12px 28px rgba(41,171,226,.45);\r\n    color:#ffffff;\r\n  }\r\n  .cslctc-btn svg{transition:transform .25s ease;}\r\n  .cslctc-btn:hover svg{transform:translateX(4px);}\r\n\r\n  @media (max-width:640px){\r\n    .cslctc-container{padding:64px 22px 72px;}\r\n    .cslctc-title{font-size:25px;}\r\n    .cslctc-text{font-size:15px;}\r\n    .cslctc-shape{display:none;}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .cslctc-btn,.cslctc-btn svg{transition:none;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cslctc-wrap\">\r\n  <div class=\"cslctc-glow\"><\/div>\r\n  <div class=\"cslctc-shape cslctc-shape--a\"><\/div>\r\n  <div class=\"cslctc-shape cslctc-shape--b\"><\/div>\r\n  <div class=\"cslctc-shape cslctc-shape--c\"><\/div>\r\n\r\n  <div class=\"cslctc-container\">\r\n    <div class=\"cslctc-ico\">\r\n      <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v11a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5v-11Z\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"m5 7 6.1 4.6a1.5 1.5 0 0 0 1.8 0L19 7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n    <\/div>\r\n    <h2 class=\"cslctc-title\">Bizimle \u0130leti\u015fime Ge\u00e7in<\/h2>\r\n    <p class=\"cslctc-text\">Markalar, kurumsal i\u015f birlikleri ve distrib\u00fct\u00f6rl\u00fck f\u0131rsatlar\u0131 hakk\u0131nda detayl\u0131 bilgi almak i\u00e7in bizimle ileti\u015fime ge\u00e7ebilirsiniz.<\/p>\r\n    <a class=\"cslctc-btn\" href=\"\/iletisim\/\">\r\n      \u0130leti\u015fime Ge\u00e7in\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 12h16m0 0-6-6m6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\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>Hayata De\u011fer Kat\u0131yoruz \u0130nsan sa\u011fl\u0131\u011f\u0131n\u0131 destekleyen ve ya\u015fam kalitesine katk\u0131 sa\u011flayan \u00fcr\u00fcnler sunuyoruz. MARKALARIMIZ 1983&#8217;ten G\u00fcn\u00fcm\u00fcze Eczac\u0131l\u0131ktan gelen k\u00f6kl\u00fc tecr\u00fcbemizi, 40 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir geni\u015f \u00fcr\u00fcn portf\u00f6y\u00fcm\u00fczle T\u00fcrkiye ve uluslararas\u0131 pazarlara ta\u015f\u0131yoruz. HAKKIMIZDA \u00dcretimde Global Standartlar \u0130la\u00e7, t\u0131bbi cihaz, takviye edici g\u0131da, dermokozmetik ve daha fazlas\u0131&#8230; \u00dcRET\u0130M Uluslararas\u0131 Pazarlar Avrupa, Orta Do\u011fu ve Asya ba\u015fta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":533,"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":14897,"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/14897"}],"wp:attachment":[{"href":"https:\/\/www.casel.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}