.elementor-3607 .elementor-element.elementor-element-1805b76e{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-1ae41de8 *//***** E P E T  M E G A  —  S A F E  P A C K *****/

/* YALNIZCA bizim bloğu etkilesin */
.epet-mega-wrap{ width:100%; }

/* Ana düzen: Sol sabit, Orta esnek, Sağ sabit */
.epet-mega-wrap #epet-mega-shop{
  display:flex;
  gap:20px;
  width:100%;
  padding:20px;
  box-sizing:border-box;
  background:#e6f0ea; /* istersen değiştir */
}

.epet-mega-wrap #epet-mega-shop .epet-col{ min-width:0; min-height:320px; }

/* Sütunlar */
.epet-mega-wrap #epet-mega-shop .epet-col--left  { flex:0 0 240px; background:#a7aa96; padding:18px; }
.epet-mega-wrap #epet-mega-shop .epet-col--center{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; }
.epet-mega-wrap #epet-mega-shop .epet-col--right { flex:0 0 340px; background:#f3c24e; padding:18px 20px; }

/* Görsel */
.epet-mega-wrap #epet-mega-shop .epet-hero{
  max-width:480px;
  width:100%;
  height:auto;
  display:block;
  transition:opacity .18s ease;
}

/* Sağ başlık/sekme barı */
.epet-mega-wrap #epet-mega-shop .epet-right-head{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px;
}
.epet-mega-wrap #epet-mega-shop .epet-region{
  background:transparent; border:none; font-weight:700; padding:8px 10px; cursor:pointer; white-space:nowrap;
}
.epet-mega-wrap #epet-mega-shop .epet-region.is-active{ background:rgba(255,255,255,.35); }

/* Alt listeler */
.epet-mega-wrap #epet-mega-shop .epet-sub{ display:none; }
.epet-mega-wrap #epet-mega-shop .epet-sub.is-visible{ display:block; }
.epet-mega-wrap #epet-mega-shop .epet-sub ul{ list-style:none; margin:0; padding:0; }
.epet-mega-wrap #epet-mega-shop .epet-sub li{ margin:10px 0; }
.epet-mega-wrap #epet-mega-shop .epet-sub a{ text-decoration:none; color:#1b2a3a; }

/* Sol linkler */
.epet-mega-wrap #epet-mega-shop .epet-species{
  display:block; font-weight:600; color:#1e5aa8; text-decoration:none; margin:6px 0;
}
.epet-mega-wrap #epet-mega-shop .epet-species.is-active{ color:#0b3c7a; }

/* Köşe radius’ları sıfırla (sadece bu blokta) */
.epet-mega-wrap #epet-mega-shop,
.epet-mega-wrap #epet-mega-shop *{ border-radius:0 !important; }

/* Küçük ekranlarda kırılım */
@media (max-width: 1200px){
  .epet-mega-wrap #epet-mega-shop .epet-col--left  { flex-basis: 220px; }
  .epet-mega-wrap #epet-mega-shop .epet-col--right { flex-basis: 300px; }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 420px; }
}
@media (max-width: 992px){
  .epet-mega-wrap #epet-mega-shop{ flex-wrap:wrap; }
  .epet-mega-wrap #epet-mega-shop .epet-col--center,
  .epet-mega-wrap #epet-mega-shop .epet-col--right{ flex:1 1 100%; }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 360px; margin:0 auto; }
}

/***** EPET MEGA — FINAL v4 (percentage layout) *****/

/* Sadece bu bloğu etkile */
.epet-mega-wrap{ width:100%; }

/* GRID ile: Sol %22, Orta %auto, Sağ %28 — taşma yok */
.epet-mega-wrap #epet-mega-shop{
  display:grid;
  grid-template-columns: minmax(200px, 22%) minmax(320px, 1fr) minmax(260px, 28%);
  gap: 20px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #e6f0ea;
}

/* sütunlar */
.epet-mega-wrap #epet-mega-shop .epet-col{ min-width:0; min-height:320px; }
.epet-mega-wrap #epet-mega-shop .epet-col--left  { background:#a7aa96; padding:18px; }
.epet-mega-wrap #epet-mega-shop .epet-col--center{ display:flex; align-items:center; justify-content:center; }
.epet-mega-wrap #epet-mega-shop .epet-col--right { background:#f3c24e; padding:18px 20px; }

/* görüntü boyutu: konteynıra göre kısıtlı */
.epet-mega-wrap #epet-mega-shop .epet-hero{
  width:100%;
  max-width: 520px;
  height:auto;
  display:block;
  transition: opacity .18s ease;
}

/* sağ başlık/sekme barı */
.epet-mega-wrap #epet-mega-shop .epet-right-head{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px;
}
.epet-mega-wrap #epet-mega-shop .epet-region{
  background:transparent; border:none; font-weight:700; padding:8px 10px; cursor:pointer; white-space:nowrap;
}
.epet-mega-wrap #epet-mega-shop .epet-region.is-active{ background:rgba(255,255,255,.35); }

/* alt listeler */
.epet-mega-wrap #epet-mega-shop .epet-sub{ display:none; }
.epet-mega-wrap #epet-mega-shop .epet-sub.is-visible{ display:block; }
.epet-mega-wrap #epet-mega-shop .epet-sub ul{ list-style:none; margin:0; padding:0; }
.epet-mega-wrap #epet-mega-shop .epet-sub li{ margin:10px 0; }
.epet-mega-wrap #epet-mega-shop .epet-sub a{ text-decoration:none; color:#1b2a3a; }

/* sol linkler */
.epet-mega-wrap #epet-mega-shop .epet-species{
  display:block; font-weight:600; color:#1e5aa8; text-decoration:none; margin:6px 0;
}
.epet-mega-wrap #epet-mega-shop .epet-species.is-active{ color:#0b3c7a; }

/* radius sıfır (yalnızca bu blokta) */
.epet-mega-wrap #epet-mega-shop,
.epet-mega-wrap #epet-mega-shop *{ border-radius:0 !important; }

/* küçük ekran kırılımları */
@media (max-width: 1360px){
  .epet-mega-wrap #epet-mega-shop{
    grid-template-columns: minmax(190px, 24%) 1fr minmax(240px, 26%);
    gap:16px;
  }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 420px; }
}
@media (max-width: 1100px){
  .epet-mega-wrap #epet-mega-shop{
    grid-template-columns: minmax(200px, 30%) 1fr; /* sağ panel alta */
  }
  .epet-mega-wrap #epet-mega-shop .epet-col--right{ grid-column: 1 / -1; }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 360px; margin: 0 auto; }
}

/* Elementor HTML widget'ının otomatik <p> sarması olursa boşlukları sıfırla */
.epet-mega-wrap #epet-mega-shop p{ margin:0; }

/* === EPET MEGA – Columns Fit Patch === */
/* 1) 4 sütunu net yüzdelere sabitle */
.epet-mega-wrap #epet-mega-shop{
  grid-template-columns:
    minmax(160px, 18%)   /* 1: Tür */
    minmax(340px, 42%)   /* 2: SVG (daha dar) */
    minmax(170px, 18%)   /* 3: Bölgeler */
    minmax(190px, 22%);  /* 4: Alt Bölümler */
  gap:16px;
}

/* 2) SVG’yi taşırmayalım */
.epet-mega-wrap #epet-mega-shop .epet-hero{
  max-width: 420px;   /* 520 → 420 */
}

/* 3) Kolonların taşma yapmaması için güvenlik */
.epet-mega-wrap #epet-mega-shop .epet-col{ min-width:0; }
.epet-mega-wrap #epet-mega-shop .epet-col--subs,
.epet-mega-wrap #epet-mega-shop .epet-col--regions{ overflow:hidden; }

/* 4) Küçük kırılımda biraz daha daralt */
@media (max-width: 1360px){
  .epet-mega-wrap #epet-mega-shop{
    grid-template-columns:
      minmax(150px, 20%) minmax(300px, 40%) minmax(160px, 18%) minmax(180px, 22%);
  }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 360px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1805b76e *//* ==== EPET MEGA — RENK & BAŞLIK PATCH ==== */

/* (A) WoodMart açılır menü arkaplanı → bu blok için transparan yap */
.wd-dropdown:has(#epet-mega-shop),
.wd-dropdown-menu:has(#epet-mega-shop){
  background: transparent !important;
  box-shadow: none !important;
}

/* (B) Dış zemin artık görünmesin; boşlukları biz renklendireceğiz */
.epet-mega-wrap #epet-mega-shop{
  background: transparent;   /* önceki açık yeşili kapatıyoruz */
  padding: 0;                /* iç padding’i sütunlara taşıyoruz */
  gap: 0;                    /* kolonlar arasında çizgi kalmasın */
}

/* Renk paleti */
:root{
  --epet-blue: #ffffff;     /* mavi */
  --epet-orange: #ffffff;   /* turuncu */
  --epet-orange-dark: #ee8b2e;
  --epet-offwhite: #e6f0ea; /* çok açık zemin (istenirse başlık çizgileri) */
  --epet-white: #ffffff;
  --epet-text-dark: #1b2a3a;
}

/* (C) 4 sütunu boyayalım: 1-mavi, 2-turuncu, 3-mavi, 4-turuncu */
.epet-mega-wrap #epet-mega-shop .epet-col--left{
  background: var(--epet-blue); color: var(--epet-white);
  padding: 22px 18px;
}
.epet-mega-wrap #epet-mega-shop .epet-col--center{
  background: var(--epet-orange); color: var(--epet-text-dark);
  padding: 22px 18px; display:flex; align-items:center; justify-content:center;
}
.epet-mega-wrap #epet-mega-shop .epet-col--regions{
  background: var(--epet-blue); color: var(--epet-white);
  padding: 22px 18px;
}
.epet-mega-wrap #epet-mega-shop .epet-col--subs{
  background: var(--epet-orange); color: var(--epet-text-dark);
  padding: 22px 20px;
}

/* (D) Başlıkları toparla */
.epet-mega-wrap #epet-mega-shop .epet-title{
  margin:0 0 14px 0;
  font-size: 15px; font-weight: 800; letter-spacing:.08em; text-transform: uppercase;
  opacity:.95;
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding-bottom: 6px;
}
.epet-mega-wrap #epet-mega-shop .epet-col--subs .epet-title{
  border-bottom: 1px solid rgba(0,0,0,.12); /* turuncuda koyu çizgi */
}

/* (E) Linkler ve butonlar (kontrast) */
.epet-mega-wrap #epet-mega-shop .epet-species{
  color: var(--epet-white);
}
.epet-mega-wrap #epet-mega-shop .epet-species.is-active{
  text-decoration: underline;
}
.epet-mega-wrap #epet-mega-shop .epet-region{
  color: var(--epet-white);
  background: transparent; border: 0; font-weight: 700;
  padding: 8px 10px; text-align: left; width: 100%;
}
.epet-mega-wrap #epet-mega-shop .epet-region.is-active{
  background: rgba(255,255,255,.14); border-radius: 6px;
}
.epet-mega-wrap #epet-mega-shop .epet-sub a{
  color: var(--epet-text-dark); font-weight: 600; text-decoration: none;
}
.epet-mega-wrap #epet-mega-shop .epet-sub a:hover{
  text-decoration: underline;
}

/* (F) Bölgeler listesindeki nokta işaretlerini tamamen kaldır */
.epet-mega-wrap #epet-mega-shop .epet-region-list{
  list-style: none !important; padding-left: 0 !important; margin: 0;
}
.epet-mega-wrap #epet-mega-shop .epet-region-list li::marker{ content: ''; }

/* (G) SVG boyutu turuncu panelde dengeli dursun */
.epet-mega-wrap #epet-mega-shop .epet-hero{
  max-width: 460px; width: 100%; height: auto; display: block;
  filter: saturate(1) contrast(1);
}

/* (H) 4 sütun oranları — 1/2/3/4 (mavi/turuncu/mavi/turuncu) */
.epet-mega-wrap #epet-mega-shop{
  grid-template-columns:
    minmax(160px, 18%)   /* Tür */
    minmax(320px, 42%)   /* SVG */
    minmax(170px, 18%)   /* Bölgeler */
    minmax(190px, 22%);  /* Alt Bölümler */
}

/* Küçük kırılımda SVG biraz küçülsün, 4. sütun satır atlamasın */
@media (max-width: 1360px){
  .epet-mega-wrap #epet-mega-shop{
    grid-template-columns:
      minmax(150px, 20%) minmax(300px, 40%) minmax(160px, 18%) minmax(180px, 22%);
  }
  .epet-mega-wrap #epet-mega-shop .epet-hero{ max-width: 380px; }
}
@media (max-width: 1100px){
  .epet-mega-wrap #epet-mega-shop{
    grid-template-columns: minmax(180px,30%) 1fr; /* 3-4. sütun altta tam genişlik */
  }
  .epet-mega-wrap #epet-mega-shop .epet-col--regions,
  .epet-mega-wrap #epet-mega-shop .epet-col--subs{ grid-column: 1 / -1; }
}

/* === EPET MEGA sütun arası çizgiler === */

/* grid’in her sütunu arasına gri dikey çizgi ekle */
.epet-mega-wrap #epet-mega-shop{
  border-collapse: collapse;
  position: relative;
}

/* her sütunun sağına çizgi koy, son sütun hariç */
.epet-mega-wrap #epet-mega-shop .epet-col{
  position: relative;
}
.epet-mega-wrap #epet-mega-shop .epet-col:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: rgba(255,255,255,255.15);  /* çizgi rengi (gri ton) */
}

/* isteğe göre daha belirgin beyaz çizgi istersen: 
background: rgba(255,255,255,0.3); */

/* küçük ekranlarda çizgileri kaldır */
@media (max-width: 992px){
  .epet-mega-wrap #epet-mega-shop .epet-col::after{ display: none; }
}


/* === Dekoratif ayırıcı çizgi – Noktalı dikiş görünümü === */
.epet-mega-wrap #epet-mega-shop .epet-col:not(:last-child)::after{
  content:"";
  position:absolute;
  top:10px; bottom:10px; right:0;
  width:1px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0.25) 0,
    rgba(0,0,0,0.25) 4px,
    transparent 4px,
    transparent 8px
  );
  opacity:.60;
}

/* ==== BEYAZ ZEMİNDE TEMİZ VE KONTRASTLI TASARIM ==== */

/* arka plan tamamen beyaz */
.epet-mega-wrap #epet-mega-shop {
  background:#ffffff !important;
}

/* sütunlar hafif gölgeli kart hissi versin */
.epet-mega-wrap #epet-mega-shop .epet-col {
  background:#ffffff;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
  border-radius:8px;
  position:relative;
  padding:18px;
}

/* yazılar daha görünür (koyu mavi-gri tonlar) */
.epet-mega-wrap #epet-mega-shop,
.epet-mega-wrap #epet-mega-shop * {
  color:#1a2b3a !important;
}

/* başlıkları koyulaştır, büyüt */
.epet-mega-wrap #epet-mega-shop .epet-title {
  color:#0f2240 !important;
  font-weight:800;
  font-size:14px;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

/* bağlantılar (mavi vurgu) */
.epet-mega-wrap #epet-mega-shop a {
  color:#1e5aa8 !important;
  text-decoration:none;
  font-weight:600;
}
.epet-mega-wrap #epet-mega-shop a:hover {
  text-decoration:underline;
}

/* butonlar */
.epet-mega-wrap #epet-mega-shop .epet-region {
  background:transparent;
  border:none;
  color:#1a2b3a !important;
  text-align:left;
  font-weight:700;
  cursor:pointer;
  padding:6px 10px;
}
.epet-mega-wrap #epet-mega-shop .epet-region.is-active {
  background:rgba(30,90,168,0.08);
  border-radius:6px;
}

/* SVG ortalanmış dursun */
.epet-mega-wrap #epet-mega-shop .epet-hero {
  display:block;
  margin:0 auto;
  max-width:420px;
}

/* === DEKORATİF DİKEY AYIRICI ÇİZGİLER === */
.epet-mega-wrap #epet-mega-shop .epet-col:not(:last-child)::after {
  content:"";
  position:absolute;
  top:0; right:-10px; height:100%; width:2px;
  background: linear-gradient(
    to bottom,
    rgba(30,90,168,0.25) 0%,
    rgba(30,90,168,0.1) 50%,
    rgba(30,90,168,0.25) 100%
  );
  box-shadow:0 0 3px rgba(30,90,168,0.1);
}

/* mobilde çizgiler kapansın */
@media(max-width:992px){
  .epet-mega-wrap #epet-mega-shop .epet-col::after { display:none; }
}

/* biraz daha geniş aralık */
.epet-mega-wrap #epet-mega-shop {
  gap:24px;
}

/* === EPET MEGA MENU — BALTOUSA TARZI FİNAL TEMA === */

/* Tüm menü zemini yumuşak gri */
.epet-mega-wrap #epet-mega-shop {
  background: #f8f9f9 !important;   /* pastel gri */
  padding: 30px;
  gap: 28px;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

/* Her sütun ayrı kart görünümünde */
.epet-mega-wrap #epet-mega-shop .epet-col {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
  position: relative;
  padding: 20px;
  min-height: 320px;
}

/* Metin renkleri senin belirttiğin mavi */
.epet-mega-wrap #epet-mega-shop,
.epet-mega-wrap #epet-mega-shop * {
  color: rgb(52,82,239) !important;
}

/* Başlıklar (daha koyu, büyük, net) */
.epet-mega-wrap #epet-mega-shop .epet-title {
  color: rgb(52,82,239) !important;
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 1px solid rgba(52,82,239,0.15);
  padding-bottom: 4px;
}

/* Bağlantılar */
.epet-mega-wrap #epet-mega-shop a {
  color: rgb(52,82,239) !important;
  text-decoration: none;
  font-weight: 600;
  transition: all .15s ease;
}
.epet-mega-wrap #epet-mega-shop a:hover {
  color: rgb(20,60,200) !important;
  text-decoration: underline;
}

/* Bölge butonları */
.epet-mega-wrap #epet-mega-shop .epet-region {
  background: transparent;
  border: none;
  color: rgb(52,82,239) !important;
  text-align: left;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 6px;
  transition: all .15s ease;
}
.epet-mega-wrap #epet-mega-shop .epet-region.is-active,
.epet-mega-wrap #epet-mega-shop .epet-region:hover {
  background: rgba(52,82,239,0.08);
}

/* SVG ortalanmış */
.epet-mega-wrap #epet-mega-shop .epet-hero {
  display: block;
  margin: 0 auto;
  max-width: 420px;
  transition: opacity .2s ease;
}

/* Alt bölümler */
.epet-mega-wrap #epet-mega-shop .epet-sub ul {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.epet-mega-wrap #epet-mega-shop .epet-sub li {
  margin: 10px 0;
}

/* === Dekoratif Dikey Ayırıcı Çizgiler === */
.epet-mega-wrap #epet-mega-shop .epet-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -14px;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(52,82,239,0.25) 0%,
    rgba(52,82,239,0.10) 50%,
    rgba(52,82,239,0.25) 100%
  );
  box-shadow: 0 0 3px rgba(52,82,239,0.12);
  border-radius: 2px;
}

/* Küçük ekranlarda çizgileri kaldır */
@media(max-width: 992px){
  .epet-mega-wrap #epet-mega-shop .epet-col::after { display:none; }
}

/* Hafif iç boşluklar */
.epet-mega-wrap #epet-mega-shop .epet-col--left { padding:22px 18px; }
.epet-mega-wrap #epet-mega-shop .epet-col--center { padding:18px; }
.epet-mega-wrap #epet-mega-shop .epet-col--regions,
.epet-mega-wrap #epet-mega-shop .epet-col--subs { padding:20px; }/* End custom CSS */