/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2026 | 08:08:11 */
/* Codex - kalici urun galeri gorunurluk duzeltmesi */
body.single-product .woocommerce-product-gallery,
body.single-product div.product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__thumbs-carousel,
body.single-product div.product .woocommerce-product-gallery__thumbs-carousel {
  opacity: 1 !important;
  visibility: visible !important;
}

body.single-product .woocommerce-product-gallery,
body.single-product div.product .woocommerce-product-gallery {
  overflow: visible !important;
}

body.single-product .woocommerce-product-gallery__thumbs-carousel,
body.single-product div.product .woocommerce-product-gallery__thumbs-carousel {
  display: block !important;
  height: auto !important;
  min-height: 78px !important;
  max-height: none !important;
  margin-top: 18px !important;
  margin-bottom: 30px !important;
  position: relative !important;
  z-index: 40 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  min-height: min(calc(100vw - 30px), 570px) !important;
  margin-bottom: 18px !important;
  overflow: visible !important;
}

@media (min-width: 768px) {
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    min-height: 570px !important;
  }
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  display: flex !important;
  gap: 8px !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  z-index: 50 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  background: transparent !important;
  height: auto !important;
  min-height: 70px !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li.swiper-slide,
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li.swiper-slide {
  display: block !important;
  flex: 0 0 calc(20% - 7px) !important;
  width: calc(20% - 7px) !important;
  height: auto !important;
  min-height: 65px !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  float: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img,
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
  display: block !important;
  width: 100% !important;
  min-width: 54px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  background: transparent !important;
  border-radius: 0 !important;
}


/* Codex - kucuk galeri gorsellerini kirpmadan goster */
body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li,
body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li.swiper-slide,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li.swiper-slide {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li img,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li img,
body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs img.flex-active,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs img.flex-active {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
}


/* Codex - cok gorselli urunlerde galeri seridini tasirmadan kaydir */
@media (max-width: 767px) {
  body.single-product .woocommerce-product-gallery__thumbs-carousel,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.single-product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs {
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    transform: none !important;
    left: 0 !important;
    right: auto !important;
  }

  body.single-product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li,
  body.single-product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li.swiper-slide,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel .flex-control-thumbs li.swiper-slide {
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }
}


/* Codex - mobil galeri kaydirma cubugunu gizle ve basligi koru */
@media (max-width: 767px) {
  body.single-product .woocommerce-product-gallery,
  body.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 28px !important;
  }

  body.single-product .summary,
  body.single-product div.product .summary {
    clear: both !important;
    margin-top: 0 !important;
  }

  body.single-product .woocommerce-product-gallery__thumbs-carousel,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.single-product .woocommerce-product-gallery__thumbs-carousel::-webkit-scrollbar,
  body.single-product div.product .woocommerce-product-gallery__thumbs-carousel::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

/* Codex - cok gorselli urunlerde mobil kucuk gorsel seridi tasmasin */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 10px 0 !important;
    margin: 10px 0 24px 0 !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.single-product .flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.single-product .flex-control-thumbs li {
    flex: 0 0 66px !important;
    width: 66px !important;
    max-width: 66px !important;
    margin: 0 !important;
  }

  body.single-product .flex-control-thumbs img {
    width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    object-fit: contain !important;
  }
}
/* Codex - mobilde kucuk gorseller kenarda parca gostermesin */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs {
    column-gap: 8px !important;
    gap: 8px !important;
  }

  body.single-product .flex-control-thumbs li {
    flex: 0 0 64px !important;
    width: 64px !important;
    max-width: 64px !important;
  }

  body.single-product .flex-control-thumbs img {
    width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
  }
}
/* Codex - mobilde coklu urun gorselleri satira insin */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 10px 0 28px 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product .flex-control-thumbs li {
    flex: 0 0 calc((100% - 32px) / 5) !important;
    width: calc((100% - 32px) / 5) !important;
    max-width: calc((100% - 32px) / 5) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product .flex-control-thumbs img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
  }
}
/* Codex - urun galerisi kucuk gorselleri tum ekranlarda tasmasin */
body.single-product .flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 10px 0 28px 0 !important;
  box-sizing: border-box !important;
}

body.single-product .flex-control-thumbs li {
  flex: 0 0 calc((100% - 32px) / 5) !important;
  width: calc((100% - 32px) / 5) !important;
  max-width: calc((100% - 32px) / 5) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.single-product .flex-control-thumbs img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
}
/* Codex - urun kucuk gorselleri kirpilmasin son kural */
body.single-product div.product div.images .flex-control-thumbs li img,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
body.single-product .flex-control-thumbs li img {
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: #fff !important;
}
/* Codex - mobil urun kucuk gorsel kutusu sabit, gorsel kirpilmadan sigsin */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs li {
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.single-product div.product div.images .flex-control-thumbs li img,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
  body.single-product .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    aspect-ratio: auto !important;
    background: #fff !important;
  }
}
/* Codex - urun galerisi aktif kucuk gorsel gostergesi sade olsun */
body.single-product .flex-control-thumbs li,
body.single-product .flex-control-thumbs li img {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.single-product .flex-control-thumbs li img.flex-active,
body.single-product .flex-control-thumbs li.flex-active img {
  border: 2px solid #d94b3d !important;
  box-shadow: none !important;
}
/* Codex - mobil kucuk gorsel kutusunda alt renkli bosluk kalmasin */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs {
    align-items: flex-start !important;
    overflow: visible !important;
  }

  body.single-product .flex-control-thumbs li {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background: transparent !important;
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.single-product div.product div.images .flex-control-thumbs li img,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
  body.single-product .flex-control-thumbs li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.single-product .flex-control-thumbs li img.flex-active,
  body.single-product .flex-control-thumbs li.flex-active img {
    border: 0 !important;
    outline: 2px solid #d94b3d !important;
    outline-offset: 0 !important;
    background: transparent !important;
  }
}
/* Codex - mobil galeri alt blok kesin temizleme */
@media (max-width: 767px) {
  body.single-product .flex-control-thumbs,
  body.single-product .flex-control-thumbs li,
  body.single-product .flex-control-thumbs li.flex-active,
  body.single-product .flex-control-thumbs li.active,
  body.single-product .flex-control-thumbs li.current,
  body.single-product .flex-control-thumbs li img,
  body.single-product .flex-control-thumbs li img.flex-active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body.single-product .flex-control-thumbs li::before,
  body.single-product .flex-control-thumbs li::after,
  body.single-product .flex-control-thumbs li img::before,
  body.single-product .flex-control-thumbs li img::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
  }

  body.single-product .flex-control-thumbs li {
    line-height: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    display: block !important;
  }

  body.single-product .flex-control-thumbs li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    border: 0 !important;
  }

  body.single-product .flex-control-thumbs li img.flex-active {
    outline: 2px solid #d94b3d !important;
    outline-offset: -2px !important;
    border: 0 !important;
  }
}

/* Codex - ?r?n sayfas? ziyaret?i responsive d?zeltmeleri */
body.single-product .linked-products-carousel {
  opacity: 1 !important;
}

body.single-product section.up-sells.products,
body.single-product section.related.products {
  min-height: 0 !important;
}

@media (max-width: 767px) {
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    background: transparent !important;
    overflow: hidden !important;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: cover !important;
    background: transparent !important;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) {
    background: transparent !important;
  }
}


/* Codex - mobil ?r?n sayfas? ta?ma d?zeltmesi */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.single-product .woocommerce-breadcrumb,
  body.single-product .site-breadcrumb,
  body.single-product .breadcrumbs {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.single-product .summary,
  body.single-product .woocommerce-product-details__short-description,
  body.single-product .woocommerce-product-details__short-description li,
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce-Tabs-panel {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}


/* Codex mobile product overflow guard 2026-06-05 */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.single-product,
  body.single-product #page,
  body.single-product .site,
  body.single-product .site-content,
  body.single-product #content,
  body.single-product .container,
  body.single-product .content-area,
  body.single-product main,
  body.single-product div.product,
  body.single-product .product,
  body.single-product .summary,
  body.single-product .woocommerce-product-gallery,
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .woocommerce-product-details__short-description,
  body.single-product .up-sells,
  body.single-product .related {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.single-product div.product .summary,
  body.single-product div.product .woocommerce-product-gallery {
    float: none !important;
    width: 100% !important;
  }

  body.single-product .summary p,
  body.single-product .summary li,
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li,
  body.single-product .woocommerce-breadcrumb,
  body.single-product .posted_in,
  body.single-product .stock {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.single-product form.cart,
  body.single-product .product_meta,
  body.single-product .summary .price,
  body.single-product .summary .stock {
    max-width: 100% !important;
  }
}


/* Codex WhatsApp CTA button 2026-06-06 */
.codex-contact-lines {
  margin: 14px 0 0;
}

.codex-phone-line {
  margin: 0 0 8px;
  font-weight: 600;
}

.codex-whatsapp-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 4px;
  padding: 10px 16px;
  border-radius: 6px;
  background: #25d366;
  color: #fff !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(37, 211, 102, 0.24);
  transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.codex-whatsapp-cta:hover,
.codex-whatsapp-cta:focus {
  background: #1ebe5d;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(37, 211, 102, 0.32);
}

.codex-whatsapp-cta__icon {
  width: 19px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  font-size: 13px;
}

@media (max-width: 767px) {
  .codex-whatsapp-cta {
    width: 100%;
    justify-content: center;
    padding: 12px 14px;
  }
}
/* Codex: product category mobile overflow fix */
@media (max-width: 767px) {
  html,
  body.tax-product_cat,
  body.tax-product_cat #page,
  body.tax-product_cat .site,
  body.tax-product_cat .site-content,
  body.tax-product_cat .content-area,
  body.tax-product_cat .main-page-wrapper,
  body.tax-product_cat .container,
  body.tax-product_cat .row,
  body.tax-product_cat main,
  body.tax-product_cat .site-main,
  body.tax-product_cat .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.tax-product_cat .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.tax-product_cat .woocommerce-products-header,
  body.tax-product_cat .term-description,
  body.tax-product_cat .term-description * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body.tax-product_cat h1,
  body.tax-product_cat .page-title,
  body.tax-product_cat .woocommerce-products-header__title,
  body.tax-product_cat .term-description h2 {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    font-size: 24px !important;
    line-height: 1.24 !important;
    letter-spacing: 0 !important;
  }

  body.tax-product_cat ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  body.tax-product_cat ul.products li.product {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}
/* Codex: category description below products */
body.tax-product_cat main.site-main {
  display: flex !important;
  flex-direction: column !important;
}

body.tax-product_cat main.site-main > .woocommerce-notices-wrapper {
  order: 1 !important;
}

body.tax-product_cat main.site-main > .catalog-toolbar {
  order: 2 !important;
}

body.tax-product_cat main.site-main > #rz-products-filter__activated {
  order: 3 !important;
}

body.tax-product_cat main.site-main > #rz-shop-content {
  order: 4 !important;
}

body.tax-product_cat main.site-main > .woocommerce-products-header {
  order: 5 !important;
  margin-top: 52px !important;
  padding-top: 28px !important;
  border-top: 1px solid #eeeeee !important;
}

body.tax-product_cat .term-description {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  body.tax-product_cat main.site-main > .woocommerce-products-header {
    margin-top: 34px !important;
    padding-top: 22px !important;
  }
}