.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-813 .elementor-element.elementor-element-0e07376{text-align:center;}.elementor-813 .elementor-element.elementor-element-0e07376 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:52px;font-weight:600;line-height:1.7lh;color:var( --e-global-color-62b1015 );}.elementor-813 .elementor-element.elementor-element-cd9f2f4 > .elementor-container{max-width:1140px;}@media(min-width:768px){.elementor-813 .elementor-element.elementor-element-87c9dfd{width:19.304%;}.elementor-813 .elementor-element.elementor-element-b88d962{width:80.696%;}.elementor-813 .elementor-element.elementor-element-b8c0faa{width:25%;}.elementor-813 .elementor-element.elementor-element-2c74a12{width:75%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for html, class: .elementor-element-79cd802 *//* ---------- PICXONE EBRU MALZEME LAYOUT ---------- */

/* Ana layout: sol sidebar, sağ içerik */
.picx-side-shell {
  position: relative;
}

/* Sidebar kutusu */
.picx-side-menu {
  /* Sticky'yi kaldırdık, Elementor
  positin: Sticky;
  */
  position: relative;
  background: #FFFFFF;
  border-radius: 18px;
  border: 1px solid #94A3B866;
  padding: 1.4rem 1.2rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}


/* Başlık */
.picx-side-title {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.9rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Link listesi */
.picx-side-nav {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* Tek tek linkler */
.picx-side-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  color: #6B7280;
  border: 1px solid transparent;
  background: transparent;
  position: relative;
  overflow: hidden;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* Sol tarafta küçük altın nokta */
.picx-side-link::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(148,163,184,0.65);
  flex-shrink: 0;
}

/* Hover efekti */
.picx-side-link:hover {
  background: #F9FAFB;
  color: #111827;
  border-color: #E5E7EB;
  transform: translateX(3px);
}

/* Aktif link (scroll veya tıklama) */
.picx-side-link.active {
  background: #D4AF37;
  color: #111827;
  border-color: #D4AF37;
  box-shadow: 0 12px 26px rgba(212, 175, 55, 0.45);
}

/* Aktif olanda sol nokta altın olsun */
.picx-side-link.active::before {
  background: #111827;
}

/* Sağdaki içerik bölümlerinin okuma rahatlığı için spacing */
#malz-od,
#malz-boya,
#malz-kitre,
#malz-firca,
#malz-tekne,
#malz-kagit {
  scroll-margin-top: 110px; /* sticky header varsa offset */
  margin-bottom: 4rem;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Mobilde sidebar üstte gelsin, sticky olmasın */
@media (max-width: 768px) {
  .picx-side-menu {
    position: static;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .picx-side-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .picx-side-link {
    font-size: 0.9rem;
    padding: 0.35rem 0.75rem;
  }
}/* End custom CSS */