/* OYEDU — main.css (final) */
/* Kaynak esin: örnek CSS → oyedu markup’a uyarlanmış, fazlalıklar atıldı. */
/* --------------------------------------------------------------------- */
/* 01) TOKENS */
:root{
  /* layout */
  --container:1200px;
  --gutter:20px;
  --header-h:86px;              /* header yüksekliği (desktop) */
  --radius:14px;
  --shadow:0 8px 24px rgba(17,24,39,.08);

  /* colors */
  --ink:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --bg-soft:#f9fafb;
  --brand-50:#f5f3ff;
  --brand-100:#ede9fe;
  --brand-500:#7c3aed;
  --brand-600:#6d28d9;
  --brand-700:#5b21b6;

  /* type scale */
  --fs-300:14px; --fs-400:16px; --fs-500:18px; --fs-600:22px; --fs-700:28px; --fs-800:36px; --fs-900:48px;

  /* header fine-tune */
  --logo-h:56px;                /* logo yüksekliği (desktop) */
  --nav-gap:18px;               /* menü item aralığı (desktop) */
  --nav-pad:10px 12px;          /* menü link padding */
}

/* 02) RESET + BASE */
html{box-sizing:border-box;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;color:var(--ink);background:var(--bg);font:var(--fs-400)/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.section{padding:72px 0}
.section--tight{padding:48px 0}
h1{font-size:var(--fs-900);line-height:1.08;margin:0 0 16px}
h2{font-size:var(--fs-800);line-height:1.12;margin:0 0 14px}
h3{font-size:var(--fs-700);line-height:1.2;margin:0 0 12px}
p{margin:0 0 12px}
.muted{color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* A11Y: Skip link */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only:focus{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal;padding:8px 10px;background:#fff;border:2px solid var(--brand-600);border-radius:10px}
:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}

/* 03) HEADER (header.php + template-parts/header/site-header.php) */
#site-header{
  position:sticky;top:0;z-index:1000;
  height:var(--header-h);
  background:#fff;border-bottom:1px solid var(--line)
}
/* markup: <div class="container header-inner"> */
#site-header .header-inner{
  height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}

/* Brand / Logo — hizalama & taşma koruması */
#site-header .brand{display:flex;align-items:center;min-width:0}
#site-header .brand img,
#site-header .brand svg,
#site-header .custom-logo{
  height:var(--logo-h);
  max-height:calc(var(--header-h) - 26px);
  width:auto !important;display:block;
}
.wp-custom-logo .site-title{position:absolute;clip:rect(0,0,0,0)} /* logo varsa title gizle */

/* Logo'yu sitenin container hizasına almak için */
#site-header .brand {
  margin-left: -450px; /* container padding */
}

/* Menü Toggle (mobil) */
.nav-toggle{
  width:44px;height:44px;border:1px solid var(--line);border-radius:10px;
  display:inline-grid;place-items:center;cursor:pointer;background:#fff
}
.nav-toggle::before,.nav-toggle::after,.nav-toggle .bar{
  content:"";display:block;width:22px;height:2px;background:#111;margin:3px 0
}

/* Primary Nav — mobil varsayılan (site-header.php: <nav class="primary-nav">) */
.primary-nav{
  position:fixed;left:0;right:0;top:var(--header-h);
  background:#fff;border-bottom:1px solid var(--line);
  transform:translateY(-8px);opacity:0;pointer-events:none;
  transition:transform .25s ease,opacity .25s ease;
  padding:12px;max-height:calc(100dvh - var(--header-h));overflow:auto
}
.primary-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
body.nav-open{overflow:hidden}

/* wp_nav_menu çıktısı */
.primary-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.primary-nav .menu > li > a{display:flex;align-items:center;gap:8px;padding:var(--nav-pad);border-radius:10px}
.primary-nav a:hover{background:var(--bg-soft)}
.primary-nav .menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:12px}
.primary-nav .sub-menu{display:none;padding-left:8px}
.primary-nav .menu-item-has-children.show-submenu > .sub-menu{display:grid}
.primary-nav .current-menu-item > a{background:var(--brand-50)}

/* Desktop */
@media (min-width:901px){
  .nav-toggle{display:none}
  .primary-nav{
    position:static;transform:none;opacity:1;pointer-events:auto;border:0;padding:0;max-height:none;overflow:visible
  }
  .primary-nav .menu{display:flex;gap:var(--nav-gap);align-items:center}
  .primary-nav .menu-item-has-children{position:relative}
  .primary-nav .sub-menu{
    position:absolute;left:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--line);
    border-radius:12px;box-shadow:var(--shadow);display:none;padding:8px
  }
  .primary-nav .menu-item-has-children:hover > .sub-menu{display:block}
}

/* 04) HERO (template-parts/home/hero.php) */
.hero{padding:64px 0;background:var(--bg)}
.hero .hero-inner{
  display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;
  max-width:var(--container);margin:0 auto;padding:0 var(--gutter)
}
@media (max-width:900px){.hero .hero-inner{grid-template-columns:1fr}}
.hero .hero-text h1{font-size:var(--fs-900);line-height:1.06;margin:0 0 10px}
.hero .hero-text p{font-size:var(--fs-500);color:var(--muted);margin:0 0 18px}
.hero .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.hero .hero-image img{width:100%;border-radius:16px;box-shadow:var(--shadow)}

/* 05) BUTTONS (senin class adlarıyla) */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;
  font-weight:700;transition:transform .12s ease,box-shadow .2s ease
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand-600);color:#fff}
.btn-primary:hover{background:var(--brand-700)}
.btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-outline:hover{box-shadow:var(--shadow)}

/* 06) GRID / CARDS (front-page gridleriyle uyum) */
.grid{display:grid;gap:24px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid--2,.grid--3{grid-template-columns:1fr}}

.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.card__media img{width:100%}
.card__body{padding:16px}

/* 07) FORMS (genel & checkout) */
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
label{display:block;margin:8px 0 6px;font-weight:600}

/* 08) LIGHT ANIMATIONS */
@keyframes a-fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.a-fadeInUp{animation:a-fadeInUp .6s cubic-bezier(.22,1,.36,1) both}
@keyframes a-zoomIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.a-zoomIn{animation:a-zoomIn .5s ease both}
@media (prefers-reduced-motion:reduce){.a-fadeInUp,.a-zoomIn{animation:none}}

/* 09) FRONT-PAGE bölümleri (front-page.php) */
/* Kategoriler */
.home-categories h2{margin-bottom:12px}
.category-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.category-grid{grid-template-columns:1fr}}
.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.category-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}
.category-card:hover img{transform:scale(1.02)}
.category-card h3{font-size:var(--fs-600);margin:12px 14px 6px}
.category-card p{color:var(--muted);margin:0 14px 14px}

/* Öne Çıkanlar (placeholder görseller sonradan gerçekleriyle değişecek) */
.home-featured h2{margin-bottom:6px}
.home-featured .section-desc{color:var(--muted);margin:-2px 0 18px}
.featured-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.featured-grid{grid-template-columns:1fr}}
.featured-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.featured-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.featured-card h3{font-size:var(--fs-600);margin:12px 14px 6px}
.featured-card p{color:var(--muted);margin:0 14px 14px}

/* 10) WOOCOMMERCE — liste & ürün */
.woocommerce ul.products{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.woocommerce ul.products{grid-template-columns:1fr}}

.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.woocommerce ul.products li.product a img{transition:transform .25s ease}
.woocommerce ul.products li.product a:hover img{transform:scale(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:var(--fs-500);padding:10px 14px}
.woocommerce ul.products li.product .price{color:var(--brand-700);font-weight:700;padding:0 14px 12px}

.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--brand-600);color:#fff;border-radius:12px;padding:10px 14px;border:0;font-weight:700
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--brand-700)}
.woocommerce div.product .product_title{font-size:var(--fs-800)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--brand-700);font-weight:700}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px}


/* 12) UTILITIES */
.text-center{text-align:center}
.hide{display:none !important}

/* 13) SMALL WP CORE BLOCK ALIGNMENTS (örnek CSS’ten minimal uyarlama) */
.wp-block-image img{max-width:100%;height:auto}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.wp-block-button__link{border-radius:9999px;padding:calc(.667em + 2px) calc(1.333em + 2px)}

/* 14) HEADER LAYOUT MOD (eski site görünümü: logo ortada, menü altında)
   Kullanmak istersen #site-header’a .header--center sınıfı ekle. */
#site-header.header--center{height:calc(var(--header-h) + 44px)}
#site-header.header--center .header-inner{flex-direction:column;align-items:center;justify-content:center;padding-top:6px}
#site-header.header--center .primary-nav .menu{gap:12px}
@media (max-width:900px){
  #site-header.header--center{height:var(--header-h)}
  #site-header.header--center .header-inner{flex-direction:row}
}

/* 15) HAKKIMIZDA / HİKAYEMİZ (homepage + about page, PHP dokunmadan) */
.about{padding:72px 0;background:#fff;position:relative}
.about .about-inner{
  display:grid;gap:24px;align-items:center;
  max-width:var(--container);margin:0 auto;padding:0 var(--gutter)
}
@media (min-width:901px){ .about .about-inner{grid-template-columns:1.1fr .9fr} }

.about h2{font-size:var(--fs-800);line-height:1.15;margin:0 0 12px}
.about p{color:var(--muted);font-size:var(--fs-500);margin:0 0 12px;max-width:70ch}
.about .about-list{margin-top:8px;display:grid;gap:8px}
.about .about-list li{display:flex;gap:10px;align-items:flex-start}
.about .about-list li::before{content:"•";color:var(--brand-600);font-weight:700;line-height:1.2}

.about .about-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.about .about-media img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Hakkımızda (sayfa şablonunda) spacing modifiye */
.page-id-hakkimizda .about{padding-top:48px}

/* 16) WOOCOMMERCE – Checkout 2 sütun + Özet kartı (yalnız CSS) */
.woocommerce-checkout .col2-set{display:grid;gap:24px}
@media (min-width:900px){
  .woocommerce-checkout .col2-set{grid-template-columns:1fr 360px}
  .woocommerce-checkout-review-order{position:sticky;top:96px}
}
.woocommerce-checkout-review-order{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px
}
/* HERO v2 – güçlü görsel yapı (kolaj) */
.hero{padding: clamp(56px, 6vw, 96px) 0; background:#fff}
.hero .hero-inner{
  display:grid; gap:32px; align-items:center;
  grid-template-columns: 1.1fr .9fr;
}
@media (max-width: 900px){
  .hero .hero-inner{grid-template-columns:1fr}
}

/* === HERO v2: güçlü görsel kolaj === */
.hero{padding: clamp(56px, 6vw, 96px) 0; background:#fff}
.hero .hero-inner{display:grid;gap:32px;align-items:center;grid-template-columns:1.1fr .9fr}
@media (max-width:900px){.hero .hero-inner{grid-template-columns:1fr}}

.hero .hero-text h1{font-size:var(--fs-900);line-height:1.06;margin:0 0 10px}
.hero .hero-text p{font-size:var(--fs-500);color:var(--muted);margin:0 0 18px}
.hero .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}

/* Görsel kapsayıcı */
.hero .hero-image{position:relative;min-height:360px}
@media (max-width:900px){.hero .hero-image{min-height:260px}}

/* Büyük kart */
.hero .hero-image .img-lg{position:relative;z-index:1;width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.hero .hero-image .img-lg img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/10}

/* Küçük overlap kart */
.hero .hero-image .img-sm{position:absolute;right:-22px;bottom:-22px;z-index:2;width:44%;max-width:300px;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.18)}
.hero .hero-image .img-sm img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}
@media (max-width:900px){.hero .hero-image .img-sm{display:none}}

/* (İstersen kapat) Dekoratif arka plan */
.hero .hero-image::before{
  content:"";position:absolute;inset:-10% -6% auto -6%;height:72%;border-radius:40px;
  background:linear-gradient(180deg,#eef2ff 0%,#f5f3ff 100%);z-index:0;filter:blur(2px)
}

/* === HAKKIMIZDA blok (kategori üstü) === */
.about{padding:72px 0;background:#fff}
.about .about-inner{display:grid;gap:24px;align-items:center;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
@media (min-width:901px){.about .about-inner{grid-template-columns:1.1fr .9fr}}
.about h2{font-size:var(--fs-800);line-height:1.15;margin:0 0 12px}
.about p{color:var(--muted);font-size:var(--fs-500);margin:0 0 12px;max-width:70ch}
.about .about-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.about .about-media img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* === HERO v3 — Editorial Stack (pro görünüm) === */
.hero{padding: clamp(56px,6vw,96px) 0;background:#fff}
.hero .hero-inner{display:grid;gap:32px;align-items:center;grid-template-columns:1.05fr .95fr}
@media(max-width:900px){.hero .hero-inner{grid-template-columns:1fr}}

.hero .hero-text h1{font-size:var(--fs-900);line-height:1.06;margin:0 0 10px}
.hero .hero-text p{font-size:var(--fs-500);color:var(--muted);margin:0 0 18px}
.hero .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}

/* Görsel alanı */
.hero .hero-image{position:relative;min-height:420px}
@media(max-width:900px){.hero .hero-image{min-height:280px}}

/* Yumuşak arka plan şekli (blob) */
.hero .hero-image::before{
  content:"";position:absolute;inset:-6% -4% auto -8%;height:78%;
  background: radial-gradient(120% 120% at 20% 10%, #e9ecff 0%, #f5f3ff 42%, transparent 70%);
  border-radius:42px;filter:blur(1px);z-index:0
}

/* Ana görsel (çerçeveli) */
.hero .img-main{
  position:relative;z-index:1;width:100%;height:100%;
  border-radius:26px;overflow:hidden;box-shadow:var(--shadow);
  isolation:isolate; /* overlay ayrımı */
}
.hero .img-main img{
  width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/10
}
/* İnce iç çerçeve (duotone hissi) */
.hero .img-main::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
  mix-blend:overlay;pointer-events:none
}

/* Thumbnail 1 (sol-alt) */
.hero .thumb-a{
  position:absolute;left:-18px;bottom:-22px;z-index:2;
  width:36%;max-width:260px;border-radius:18px;overflow:hidden;
  box-shadow:0 10px 28px rgba(15,23,42,.16);transform:rotate(-2.2deg)
}
.hero .thumb-a img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;display:block}

/* Thumbnail 2 (sağ-üst) */
.hero .thumb-b{
  position:absolute;right:-22px;top:-22px;z-index:2;
  width:28%;max-width:220px;border-radius:16px;overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.14);transform:rotate(2deg)
}
.hero .thumb-b img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}

/* Mobilde yalnız ana görsel kalsın */
@media(max-width:900px){
  .hero .thumb-a,.hero .thumb-b{display:none}
}


/* Soft & Playful Buttons */
.btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:46px; padding:0 22px; border:0;
  border-radius:999px; /* tam yuvarlak */
  font-weight:700; font-size:16px; letter-spacing:.3px;
  background: var(--brand-500);
  color:#fff;
  box-shadow:0 4px 12px rgba(124,58,237,.25);
  transition: all .25s cubic-bezier(.22,1.4,.36,1); /* bounce easing */
  cursor:pointer; text-decoration:none;
}

.btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 6px 16px rgba(124,58,237,.3);
}

.btn:active{
  transform:translateY(0) scale(.97);
}

/* Renk varyantları */
.btn-purple{ background:linear-gradient(135deg,#a78bfa,#7c3aed); }
.btn-green { background:linear-gradient(135deg,#6ee7b7,#34d399); }
.btn-orange{ background:linear-gradient(135deg,#fdba74,#f97316); }
.btn-pink  { background:linear-gradient(135deg,#f9a8d4,#ec4899); }

.btn-outline{
  background:#fff; color:var(--brand-600); border:2px solid var(--brand-300);
  box-shadow:none;
}
.btn-outline:hover{ background:var(--brand-50); }

/* ikon desteği */
.btn .icon{ width:1.3em; height:1.3em; display:inline-block; }
.btn .icon img, .btn .icon svg{ width:100%; height:100%; }

/* === About v2 — 3 görsel kolajı (çocuksu & soft) === */
.about-inner{
  display:grid; gap:48px; align-items:center;
  grid-template-columns: 1fr 1fr;   /* eşit kolon */
}
@media (max-width:900px){ .about-inner{ grid-template-columns:1fr } }

.about-text h2{ margin-bottom:16px }
.about-text p{ color:var(--muted); margin-bottom:14px; max-width:620px }
.about-text .btn{ margin-top:8px }

/* Görsel alanı */
.about-photos{
  position:relative; min-height:380px;
}
@media (max-width:900px){ .about-photos{ min-height:260px; margin-top:8px } }

/* yumuşak pastel blob arka plan */
.about-photos::before{
  content:""; position:absolute; inset:-6% -8% -10% -10%;
  background: radial-gradient(110% 110% at 20% 15%, #eef2ff 0%, #f5f3ff 42%, transparent 70%);
  border-radius:42px; filter: blur(1px);
}

/* foto kartları */
.about-photos .photo{
  position:absolute; border-radius:20px; overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.12); background:#fff;
  transition: transform .25s cubic-bezier(.22,1.4,.36,1), box-shadow .25s ease;
}
.about-photos .photo img{ width:100%; height:100%; object-fit:cover; display:block }

/* konumlandırma – üç kart */
.about-photos .photo-a{ width:42%; aspect-ratio:4/5; top:0; left:4%;  transform:rotate(-2.2deg) }
.about-photos .photo-b{ width:48%; aspect-ratio:16/11; top:24%; right:0; transform:rotate(1.8deg) }
.about-photos .photo-c{ width:38%; aspect-ratio:1/1;  bottom:-6%; left:26%; transform:rotate(-1deg) }

@media (max-width:900px){
  .about-photos .photo-a{ width:46%; left:2%; top:2% }
  .about-photos .photo-b{ width:56%; right:0; top:28% }
  .about-photos .photo-c{ display:none } /* mobile’da 2 görsele in */
}

/* hover minik zıplama – çocuksu his */
.about-photos .photo:hover{
  transform: translateY(-3px) scale(1.02) rotate(var(--twist,0deg));
  box-shadow:0 10px 26px rgba(15,23,42,.16);
}
.about-photos .photo-a:hover{ --twist:-2.2deg }
.about-photos .photo-b:hover{ --twist:1.8deg }
.about-photos .photo-c:hover{ --twist:-1deg }
.about-text{
  max-width: 620px;
}

/* About layout fix + readable width */
.about-inner{
  display:grid; gap:48px; align-items:center;
  grid-template-columns:1fr 1fr; /* eşit kolon */
}
@media (max-width:900px){ .about-inner{ grid-template-columns:1fr } }

.about-text{ max-width:640px }
.about-text h2{ margin-bottom:16px }
.about-text p{ color:var(--muted); margin:0 0 14px }

/* (Kolaj stilleriniz aynen kalsın) */


/* === KATEGORİLER — güçlü kart tasarımı === */
.home-categories{ padding:64px 0 }
.home-categories h2{ margin:0 0 18px }

.category-grid{
  display:grid; gap:28px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* Kart: <a class="category-card">... */
.category-card{
  display:flex; flex-direction:column; justify-content:flex-start;
  background:#fff; border:1px solid var(--line); border-radius:22px;
  box-shadow:0 10px 28px rgba(17,24,39,.06);
  text-decoration:none; overflow:hidden; position:relative;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}

/* Dekoratif soft highlight kenar (hover’da belirginleşir) */
.category-card::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  background: radial-gradient(100% 60% at 10% 0%, rgba(124,58,237,.12), transparent 60%);
  opacity:.4; transition:opacity .22s ease;
}

/* Görsel alanı: çeşitli kaynaklar için güvenli */
.category-card img{
  width:100%; display:block; background:#fff;
  /* Karışık görsel tipleri için güvenli mod: ikon/PNG’ler taşmasın */
  aspect-ratio: 4 / 3; object-fit:contain; padding:16px;
  border-bottom:1px solid var(--line);
}

/* Başlık + açıklama */
.category-card h3{
  font-size:var(--fs-600); margin:14px 16px 4px; color:var(--ink);
}
.category-card p{
  margin:0 16px 16px; color:var(--muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; /* 2 satırda kırp */
  min-height:calc(1em * 1.6 * 2); /* iki satır yer tut */
}

/* Hover durumu: kart zıplasın, sınır rengi morlaşsın */
.category-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(124,58,237,.18);
  border-color:#e6ddff;
}
.category-card:hover::before{ opacity:.75 }

/* Küçük ekran ayarı */
@media (max-width:560px){
  .category-card{ border-radius:18px }
  .category-card img{ padding:12px }
}

/* İsteğe bağlı rozet (otomatik değil; istersen klas ekleyebilirsin) */
.category-card .badge{
  position:absolute; top:10px; left:10px; z-index:1;
  padding:6px 10px; font-weight:700; font-size:12px;
  border-radius:999px; color:#fff; background:linear-gradient(135deg,#a78bfa,#7c3aed);
  box-shadow:0 6px 18px rgba(124,58,237,.25);
}

/* === KATEGORİLER — Hybrid (Premium + Playful) === */
.home-categories{ padding:72px 0 }
.home-categories h2{ margin:0 0 28px; font-size:2rem; font-weight:800; color:#111 }

.category-grid{
  display:grid; gap:28px;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

/* Kart */
.category-card{
  position:relative; display:flex; flex-direction:column;
  background:#fff; border-radius:24px; overflow:hidden;
  border:2px solid transparent;
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Blob + premium outline */
.category-card::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:0;
  background:
    radial-gradient(120% 80% at 10% 0%, #f5f3ff 0%, transparent 60%),
    radial-gradient(90% 70% at 90% 100%, #fff5e6 0%, transparent 60%);
  opacity:.9;
}

/* Görsel */
.category-card img{
  position:relative; z-index:1;
  width:100%; aspect-ratio: 16/10; object-fit:contain;
  padding:22px; background:#fff;
  transition: transform .25s ease;
}

/* Metin */
.category-card h3{ 
  margin:14px 16px 6px; 
  font-size:1.1rem; font-weight:700; color:#111; z-index:1 
}
.category-card p{
  margin:0 16px 20px; color:#555; z-index:1; line-height:1.5;
}

/* Hover */
.category-card:hover{
  transform:translateY(-6px) rotate(1.5deg); 
  border-color:#9B2FFF;
  box-shadow:0 20px 48px rgba(155,47,255,.25);
}
.category-card:hover img{ transform:scale(1.05) }

/* CTA arrow */
.category-card::after{
  content:"Keşfet →"; 
  position:absolute; 
  right:16px; 
  bottom:8px;   /* burada 14px → 8px yaptım, yazı daha alta iner */
  font-weight:600; 
  font-size:14px;
  color:#9B2FFF;   /* brand rengini direkt kullandım */
  opacity:0; 
  transform:translateY(6px); 
  transition:.25s ease;
}

.category-card:hover::after{ 
  opacity:1; 
  transform:translateY(0); 
}

/* Köşede “→ Keşfet” hissi (hover’da belirir) */
.category-card::after{
  content:"Keşfet →"; 
  position:absolute; 
  right:16px; 
  bottom:4px;   /* eskiden 14px idi, daha aşağı almak için artırabilirsin */
  font-weight:600; 
  font-size:14px;
  color:var(--brand-600);
  opacity:0; 
  transform:translateY(6px); 
  transition:.25s ease;
}

.category-card:hover::after{ 
  opacity:1; 
  transform:translateY(0); 
}
/* === ÖNE ÇIKANLAR — Premium + Playful ürün kartları === */
.home-featured{ padding:72px 0 }
.home-featured h2{ margin:0 0 6px }
.home-featured .section-desc{ color:var(--muted); margin:0 0 22px }

.featured-grid{
  display:grid; gap:28px;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}

/* Kart (a veya div destekler) */
.featured-card{
  position:relative; display:flex; flex-direction:column; text-decoration:none; color:inherit;
  background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden;
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}

/* Yumuşak premium vurgusu */
.featured-card::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none; z-index:0;
  background:
    radial-gradient(120% 80% at 12% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.18), transparent 45%);
  opacity:.85;
}

/* Görsel — ürün gibi dolu görünür */
.featured-card > img{
  position:relative; z-index:1; width:100%; display:block; background:#faf8ff;
  aspect-ratio: 16 / 10; object-fit:cover; transition: transform .22s ease, filter .22s ease;
}
/* PNG/ikon/placeholder için güvenli mod */
.featured-card > img[src$=".png" i], .featured-card > img[src*="placeholder" i]{
  object-fit:contain; padding:22px; background:#fff; border-bottom:1px solid var(--line);
}

/* Metin alanı */
.featured-body{ position:relative; z-index:1; padding:14px 16px 16px }
.featured-body h3{ font-size:var(--fs-600); margin:0 0 6px }
.featured-body p{
  margin:0; color:var(--muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(1em * 1.6 * 2);
}

/* “İncele” pilli mini CTA (sadece a.featured-card'ta anlamlı) */
.featured-card .cta{
  margin-top:12px; align-self:flex-start; display:inline-flex; gap:6px; font-weight:800;
  padding:8px 12px; border-radius:999px; border:1px solid #e7e7ef; background:#fff; color:var(--brand-600);
  box-shadow:0 6px 14px rgba(124,58,237,.12); transition:transform .18s ease, box-shadow .22s ease;
}

/* Hover: zıplama + mikro zoom + ok hareketi */
.featured-card:hover{
  transform:translateY(-4px); border-color:#e9e1ff;
  box-shadow:0 16px 40px rgba(124,58,237,.20); filter:saturate(1.02);
}
.featured-card:hover > img{ transform:scale(1.03) }
.featured-card:hover .cta{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(124,58,237,.18) }

/* Köşe oku (a kartlarda görünür) */
a.featured-card::after{
  content:"→"; position:absolute; right:14px; bottom:14px; z-index:1;
  font-weight:800; color:var(--brand-600); opacity:0; transform:translateX(-6px); transition:.22s ease;
}
a.featured-card:hover::after{ opacity:1; transform:translateX(0) }

/* Mobil dokunuşlar */
@media (max-width:560px){
  .featured-card{ border-radius:20px }
  .featured-card > img[src$=".png" i], .featured-card > img[src*="placeholder" i]{ padding:16px }

}


/* === FOOTER — Solid, flat, professional ======================= */
.footer-oyedu{
  background:#152238;   /* koyu lacivert */
  color:#d7deea;
  margin-top:64px;
  padding:48px 0 18px;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

/* grid */
.footer-oyedu__inner{
  display:grid; gap:28px; padding:0 var(--gutter);
  grid-template-columns:1.25fr 1fr 1fr 1.25fr;
  align-items:start;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:28px;
}
@media (max-width:1024px){ .footer-oyedu__inner{ grid-template-columns:1fr 1fr } }
@media (max-width:640px){  .footer-oyedu__inner{ grid-template-columns:1fr } }

/* başlıklar */
.fcol__title{
  margin:0 0 12px;
  font-weight:800;
  font-size:18px;
  color:#fff;
}

/* link listeleri */
.fmenu{ list-style:none; margin:0; padding:0; display:grid; gap:10px }
.fmenu li a{
  color:#c7d0e0; text-decoration:none; position:relative; padding:2px 0;
}
.fmenu li a:hover{ color:#fff }
.fmenu li a::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background:#7c8aff; transition:width .2s ease;
}
.fmenu li a:hover::after{ width:100% }

/* iletişim satırları */
.fcontact{ list-style:none; margin:0; padding:0; display:grid; gap:10px; color:#c7d0e0 }
.fcontact li{ display:flex; gap:10px; align-items:flex-start }
.fcontact a{ color:#e6ecf7 }
.fcontact a:hover{ color:#fff; text-decoration:none }
.ficon{
  display:inline-grid; place-items:center; width:24px; height:24px; flex:0 0 24px;
  color:#9fb6ff; background:transparent; border-radius:6px;
}

/* alt satır */
.footer-bottom{
  background:#152238;
  color:#a9b5c7;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:14px var(--gutter);
  border-top:1px solid rgba(255,255,255,.08);
  font-size:.9rem;
}
.footer-bottom p{ margin:0 }
.footer-legal-nav .fmenu{ display:flex; gap:14px; flex-wrap:wrap }

@media (max-width:640px){
  .footer-bottom{ flex-direction:column; text-align:center }
}

/* Footer logo fix */
.fbrand__logo img{
  height: 60px;   /* şimdiki ~60px yerine daha dengeli */
  width: auto;
}


/* === HEADER — premium playful nav ==================================== */
/* link butonları (pill) */
#site-header .primary-nav .menu > li > a{
  position:relative;
  padding:10px 14px; border-radius:12px;
  transition: background .18s ease, color .18s ease, transform .08s ease;
}
#site-header .primary-nav .menu > li > a:hover{
  background:#f5f3ff; color:#111;
  transform:translateY(-1px);
}
#site-header .primary-nav .current-menu-item > a{
  background:#f1edff; color:#111; font-weight:700;
}

/* erişilebilirlik */
#site-header .primary-nav a:focus-visible{
  outline:2px solid var(--brand-500);
  outline-offset:2px;
  border-radius:12px;
}

/* dropdown temel görünüm */
.primary-nav .menu-item-has-children{ position:relative }
@media (min-width:901px){
  .primary-nav .menu-item-has-children > a::after{
    content:"▾"; font-size:11px; margin-left:6px; opacity:.7;
    transition: transform .18s ease;
  }
  .primary-nav .menu-item-has-children:hover > a::after{ transform: rotate(180deg) }
}

/* dropdown panel (desktop) – yumuşak animasyon + gecikmeli kapanış */
@media (min-width:901px){
  .primary-nav .sub-menu{
    position:absolute; left:0; top:calc(100% + 10px);
    min-width:240px; padding:8px; margin:0;
    list-style:none; background:#fff; border:1px solid var(--line);
    border-radius:14px; box-shadow: var(--shadow);
    opacity:0; transform: translateY(6px) scale(.98);
    visibility:hidden; pointer-events:none;
    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s linear .18s; /* kapanışta 180ms görünmezlik gecikmesi */
    z-index:1000;
  }
  .primary-nav .menu-item-has-children:hover > .sub-menu,
  .primary-nav .menu-item-has-children:focus-within > .sub-menu{
    opacity:1; transform: translateY(0) scale(1);
    visibility:visible; pointer-events:auto;
    transition-delay:.06s, .06s, 0s; /* açılışta küçük bekleme */
  }

  /* Hover köprüsü — imleç menü ile panel arasından geçerken kapanmasın */
  .primary-nav .menu-item-has-children::after{
    content:""; position:absolute; left:0; right:0; top:100%; height:14px;
  }

  /* dropdown linkleri */
  .primary-nav .sub-menu > li > a{
    display:block; padding:10px 12px; border-radius:10px;
    white-space:nowrap; color:#111; transition:background .15s ease;
  }
  .primary-nav .sub-menu > li > a:hover{
    background:#f7f7fb;
  }
}

/* mobil menü için minik cilalar */
@media (max-width:900px){
  .primary-nav{ border-top:1px solid var(--line) }
  .primary-nav .menu > li{ border-bottom:1px dashed rgba(0,0,0,.06) }
  .primary-nav .menu > li:last-child{ border-bottom:0 }
  .primary-nav .menu > li > a{ padding:12px 10px; border-radius:10px }
  .primary-nav .sub-menu{
    padding-left:10px; margin:6px 0 10px;
    border-left:3px solid #eee; display:none; opacity:1; transform:none; visibility:visible;
    position:static; border:0; box-shadow:none;
  }
  .primary-nav .menu-item-has-children.show-submenu > .sub-menu{ display:block }
}

/* header zemini ve ayracı hafiflet */
#site-header{ background:#fff; border-bottom:1px solid #eef0f4 }

/* Hakkımızda alt menüde WordPress'in toplu current-menu-item işaretini bastır */
.primary-nav .sub-menu li.current-menu-item > a[href*="/hakkimizda"]{
  background: transparent !important;
}

/* Gerçek aktif öğe için özel sınıf */
.primary-nav .sub-menu a.is-active{
  background: var(--brand-50);
  border-radius: 10px;
}

/* === HAKKIMIZDA — HERO ================================================== */
/* Yapı: <section class="about-hero"><div class="container about-hero__inner"><div class="about-hero__text">… */

.about-hero{
  position:relative;
  padding: clamp(72px, 8vw, 120px) 0;
  background:
    radial-gradient(120% 120% at 10% 0%, #eef2ff 0%, transparent 55%),
    linear-gradient(180deg,#ffffff 0%, #fbfbff 100%);
  border-bottom:1px solid #f1f3f7;
  overflow:hidden;                 /* dekoratif katmanların taşmaması için */
  isolation:isolate;               /* pseudo katmanları ayır */
}

/* Dekoratif “soft blob”lar (oyunsu, çok hafif) */
.about-hero::before,
.about-hero::after{
  content:"";
  position:absolute; inset:auto auto 0 55%;
  width:42vmax; height:42vmax; border-radius:50%;
  background:radial-gradient(closest-side, rgba(124,58,237,.08), rgba(124,58,237,0));
  filter: blur(6px);
  animation: oy-float 14s ease-in-out infinite alternate;
  z-index:0; pointer-events:none;
}
.about-hero::after{
  left:auto; right:-12%;
  width:34vmax; height:34vmax;
  background:radial-gradient(closest-side, rgba(99,102,241,.09), rgba(99,102,241,0));
  animation-duration: 18s;
  animation-delay: -3s;
}

/* İç hizalama */
.about-hero__inner{
  display:grid; align-items:center; gap:18px; z-index:1; position:relative;
}

/* Metin */
.about-hero__text h1{
  margin:0 0 10px;
  font-size: clamp(32px, 5.2vw, 56px);
  line-height:1.06;
  letter-spacing:-.4px;
}
.about-hero__text p{
  margin:0;
  color:var(--muted);
  font-size: clamp(16px, 1.2vw, 18px);
  max-width: 70ch;
}

/* İnce vurgulu başlık altı şeridi */
.about-hero__text h1::after{
  content:"";
  display:block; width:72px; height:6px; border-radius:999px;
  margin-top:12px;
  background:linear-gradient(90deg,#a78bfa, #7c3aed 60%, #6d28d9);
  box-shadow:0 6px 12px rgba(124,58,237,.28);
}

/* İlk görünüm animasyonu (çok hafif) */
@keyframes oy-rise { from{ opacity:0; transform:translateY(12px)} to{ opacity:1; transform:none } }
.about-hero__text{ animation: oy-rise .6s cubic-bezier(.22,1,.36,1) .05s both }

/* Blob salınımı */
@keyframes oy-float {
  from { transform: translate3d(0, 0, 0) }
  to   { transform: translate3d(0, -14px, 0) }
}

/* Erişilebilirlik: animasyon azalt */
@media (prefers-reduced-motion:reduce){
  .about-hero__text{ animation:none }
  .about-hero::before, .about-hero::after{ animation:none }
}

/* Tablet/altı küçük spacing düzeltmeleri */
@media (max-width: 760px){
  .about-hero__text h1::after{ width:60px; height:5px }
}

/* === HAKKIMIZDA — HİKAYEMİZ ============================================= */
/* markup: <section id="hikayemiz" class="container about-block"><div class="about-grid">… */

#hikayemiz{
  padding: clamp(56px, 7vw, 92px) 0;
  position: relative;
  z-index: 0;
}

/* arka plana çok hafif bir pastel vurgu */
#hikayemiz::before{
  content:""; position:absolute; inset: -6% -4% auto -6%; height:72%;
  background:
    radial-gradient(120% 110% at 12% 10%, #eef2ff 0%, #f5f3ff 45%, transparent 70%);
  filter: blur(1px);
  z-index:-1; pointer-events:none;
}

/* iki kolon grid */
#hikayemiz .about-grid{
  display:grid; gap: clamp(20px, 3.2vw, 34px); align-items:center;
  grid-template-columns: 1.05fr .95fr;
}
@media (max-width: 900px){ #hikayemiz .about-grid{ grid-template-columns:1fr } }

/* başlık + metin */
#hikayemiz h2{
  margin:0 0 12px; font-size: clamp(24px, 3.2vw, 34px); line-height:1.15;
  letter-spacing:-.2px;
}
#hikayemiz p{
  margin:0 0 12px; color:var(--muted); font-size: clamp(16px, 1.2vw, 18px);
  max-width: 70ch;
}

/* başlık altında ince gradient şerit */
#hikayemiz h2::after{
  content:""; display:block; width:64px; height:5px; border-radius:999px; margin-top:10px;
  background:linear-gradient(90deg,#a78bfa,#7c3aed 60%,#6d28d9);
  box-shadow:0 6px 12px rgba(124,58,237,.18);
}

/* görsel kartı (yumuşak premium çerçeve) */
#hikayemiz .about-media{
  position:relative; border-radius:22px; overflow:hidden;
  box-shadow: 0 14px 36px rgba(15,23,42,.10);
  isolation:isolate;                        /* iç overlay ayrımı */
  background:#fff;
}

/* ince iç çizgi + kenar parıltısı */
#hikayemiz .about-media::before{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:1;
  box-shadow: inset 0 0 0 1px rgba(99,102,241,.18);
  pointer-events:none;
}
#hikayemiz .about-media::after{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:0;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(167,139,250,.16), transparent 60%),
    radial-gradient(90% 80% at 0% 100%, rgba(253,186,116,.12), transparent 60%);
  opacity:.9;
  pointer-events:none;
}

/* görselin kendisi */
#hikayemiz .about-media img{
  position:relative; z-index:1; display:block; width:100%;
  aspect-ratio: 16/10; object-fit: cover;
  transition: transform .35s cubic-bezier(.22,1,.36,1), filter .25s ease;
}

/* hover’da küçük ve zarif bir hareket */
#hikayemiz .about-media:hover img{
  transform: scale(1.02);
}

/* giriş animasyonu (hafif) */
@keyframes hk-rise { from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }
#hikayemiz .about-grid > *{ animation: hk-rise .6s cubic-bezier(.22,1,.36,1) both }
#hikayemiz .about-media{ animation-delay:.06s }

/* mobilde görsel üstte gelsin, spacing artıralım */
@media (max-width:900px){
  #hikayemiz .about-media{ order:-1; margin-bottom:8px }
}


/* === NAV: aktif/hover ağırlık düzeltmesi === */
/* Tüm nav linklerini normal ağırlığa al */
.primary-nav .menu > li > a,
.primary-nav .sub-menu a {
  font-weight: 500; /* normal */
}

/* Aktif sayfa: sadece üst düzeyde arka plan vurgusu (bold yok) */
.primary-nav .menu > li.current-menu-item > a,
.primary-nav .menu > li.current_page_item > a,
.primary-nav .menu > li.current-menu-ancestor > a,
.primary-nav .menu > li.current_page_ancestor > a,
.primary-nav .menu > li.current-menu-parent > a {
  font-weight: 500;                 /* bold KAPALI */
  background: var(--brand-50);      /* yumuşak arka plan */
  color: var(--ink);
}

/* Alt menüde aktif olan öğe de bold olmasın; sadece arka planla işaretle */
.primary-nav .sub-menu .current-menu-item > a,
.primary-nav .sub-menu .current_page_item > a {
  font-weight: 500;                 /* bold KAPALI */
  background: #f6f7ff;
  color: var(--ink);
}

/* Hover/focus görünümü (bold yok) */
.primary-nav a:hover,
.primary-nav a:focus {
  font-weight: 500;
  background: var(--bg-soft);
}

/* --- NAV: aktif sınıf taşması düzeltmesi --- */

/* Sadece üst düzey öğenin KENDİ <a>'sını boya */
.primary-nav .menu > li.current-menu-item > a,
.primary-nav .menu > li.current-menu-ancestor > a,
.primary-nav .menu > li.current_page_item > a,
.primary-nav .menu > li.current_page_ancestor > a {
  background: var(--brand-50);
  color: var(--ink);
  font-weight: 500; /* istersen 600 yap, ama BOLD taşmasın */
}

/* Parent aktifken alt menüdekileri nötrle (mirası sıfırla) */
.primary-nav .menu > li.current-menu-item .sub-menu a,
.primary-nav .menu > li.current-menu-ancestor .sub-menu a {
  background: transparent;
  color: inherit;
  font-weight: 500;
}

/* Alt menüde gerçekten aktif olan tek öğe (ör. hash ile) */
.primary-nav .sub-menu > li.current-menu-item > a,
.primary-nav .sub-menu > li.current_page_item > a,
.primary-nav .sub-menu a.is-current {
  background: #f6f7ff;
  color: var(--ink);
  font-weight: 500;
}

/* === HAKKIMIZDA → YAKLAŞIMIMIZ (küçük kartlar) ===================== */
.about-cards{
  display:grid; gap:20px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  margin-top:10px;
}
@media (max-width:900px){ .about-cards{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:560px){ .about-cards{ grid-template-columns:1fr } }

/* Kart gövdesi */
.oy-card{
  position:relative; display:flex; border-radius:18px; overflow:hidden;
  background:#fff; border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  isolation:isolate;  /* overlay karışmasın */
}

/* İnce premium aura (gradient outline) */
.oy-card::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 80% at 12% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.16), transparent 45%);
  opacity:.9; 
}

/* İçerik */
.oy-card__body{
  position:relative; z-index:1;
  display:grid; gap:8px; padding:18px 16px 16px;
}

/* Başlık + alt metin */
.oy-card__title{
  margin:0; font-weight:800; font-size:1.05rem; color:#111;
  display:flex; align-items:center; gap:10px;
}
.oy-card__desc{ margin:0; color:var(--muted); line-height:1.5 }

/* İsteğe bağlı ikon rozeti (emoji veya svg) */
.oy-card__icon{
  display:inline-grid; place-items:center;
  width:34px; height:34px; flex:0 0 34px;
  border-radius:10px;
  background:linear-gradient(135deg,#ede9fe,#fff);
  color:#7c3aed; font-size:18px; font-weight:700;
  box-shadow:0 6px 14px rgba(124,58,237,.14);
}

/* Hover/focus: hafif zıplama + parıltı */
.oy-card:hover,
.oy-card:focus-within{
  transform:translateY(-4px);
  border-color:#e9e1ff;
  box-shadow:0 16px 36px rgba(124,58,237,.18);
  filter:saturate(1.02);
}

/* Klavye erişilebilirlik */
.oy-card a, .oy-card button { outline:0 }
.oy-card:focus-within{ box-shadow:0 0 0 2px #a78bfa, 0 16px 36px rgba(124,58,237,.18) }

/* Az animasyon tercihine saygı */
@media (prefers-reduced-motion:reduce){
  .oy-card{ transition:none }
}

/* === HAKKIMIZDA → EKİBİMİZ (Pro) ====================================== */

/* 1) Grid: rahat nefes, 2 kolon (desktop), 1 kolon (mobile) */
.team-grid{
  display:grid;
  gap:32px;
  grid-template-columns:repeat(2, minmax(280px, 1fr));
  align-items:start;
  margin-top:24px;
}
@media (max-width:900px){ .team-grid{ grid-template-columns:1fr; gap:24px } }

/* 2) Kart gövdesi */
.team-card{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px 22px 22px;
  text-align:center;
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  transition: transform .22s ease, box-shadow .25s ease, border-color .22s ease, filter .22s ease;
  isolation:isolate;
}

/* pastel highlight (tema: mor) */
.team-card::before{
  content:"";
  position:absolute; inset:-1px; border-radius:inherit; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 80% at 10% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.12), transparent 48%);
  opacity:.9;
}

/* 3) Avatar: yuvarlak + gradient ring */
.team-card img{
  position:relative; z-index:1;
  width:128px; height:128px; margin:0 auto 14px; display:block;
  object-fit:cover; border-radius:50%;
  box-shadow:
    0 0 0 6px #fff,                    /* iç beyaz halka */
    0 0 0 8px #e9e1ff,                 /* morumsu dış halka */
    0 12px 22px rgba(17,24,39,.12);    /* düşey gölge */
  transition: transform .22s ease, box-shadow .25s ease;
}

/* 4) Metin */
.team-card h3{
  margin:0; font-size:1.15rem; font-weight:800; color:#111; letter-spacing:.2px;
}
.team-card p{
  margin:6px 0 0; font-size:.96rem; color:var(--muted);
}

/* 5) Hover davranışı */
.team-card:hover{
  transform:translateY(-4px);
  border-color:#e6ddff;
  box-shadow:0 18px 42px rgba(124,58,237,.18);
  filter:saturate(1.02);
}
.team-card:hover img{
  transform:scale(1.03);
  box-shadow:
    0 0 0 6px #fff,
    0 0 0 10px #e1d6ff,
    0 16px 28px rgba(17,24,39,.16);
}

/* 6) “Metin kartı” (ekip genelini anlatan kart için) — görselsiz şık varyant */
.team-card--text{
  padding:28px 22px;
}
.team-card--text::before{ opacity:.6 }
.team-card--text h3{ font-size:1.05rem; }
.team-card--text p{ max-width:42ch; margin-left:auto; margin-right:auto }

/* 7) Küçük üst rozeti (opsiyonel) */
.team-card .badge{
  position:absolute; top:10px; left:50%; transform:translateX(-50%);
  z-index:2; padding:6px 10px; font-size:.78rem; font-weight:800;
  color:#5b21b6; background:#f5f3ff; border:1px solid #e9e1ff; border-radius:999px;
  box-shadow:0 8px 18px rgba(124,58,237,.12);
}

/* Genel about-block başlıkları */
.about-block h2{
  font-size:1.6rem;
  font-weight:800;
  margin:56px 0 14px;   /* üstten bol nefes */
  letter-spacing:-.3px;
  color:#111;
  text-align:center;    /* daha premium his için ortalı */
  position:relative;
}

/* Mor underline (tema rengiyle uyum) */
.about-block h2::after{
  content:"";
  display:block;
  width:48px; height:3px;
  margin:12px auto 0;
  background:#7c3aed;
  border-radius:2px;
}

.team-grid{
  margin-top:32px;   /* başlıktan sonra boşluk */
  gap:36px;          /* kartlar arası nefes */
}

.about-block h2{
  font-size:1.5rem;
  font-weight:700;    /* 800 yerine 700 */
}

/* === HAKKIMIZDA → SSS (FAQ) ===================================== */
#sss{ padding-top: 6px }                    /* üst blokla nefes */
#sss > h2{ margin: 40px 0 18px }            /* başlık aralığı */

.faq{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(17,24,39,.06);
  margin:12px 0;
  overflow:hidden;                          /* köşeler temiz */
  transition:border-color .25s ease, box-shadow .25s ease;
}

/* başlık satırı */
.faq > summary{
  list-style:none; cursor:pointer;
  padding:16px 18px;
  font-weight:700; font-size:1.02rem; color:#111;
  outline:0; user-select:none; position:relative;
  display:flex; align-items:center; gap:10px;
}

/* varsayılan marker’ı kaldır */
.faq > summary::-webkit-details-marker{ display:none }

/* yumuşak header ışığı */
.faq > summary::before{
  content:""; position:absolute; inset:0 0 auto 0; height:42px;
  background:linear-gradient(180deg,#f5f3ff 0%, transparent 90%);
  pointer-events:none;
}

/* chevron */
.faq > summary::after{
  content:""; margin-left:auto; width:18px; height:18px;
  border:2px solid currentColor; border-left:0; border-top:0;
  transform:rotate(45deg); border-radius:2px; opacity:.6;
  transition:transform .25s ease, opacity .25s ease;
}

/* içerik: yumuşak açılış */
.faq__a{
  padding:0 18px 16px;
  color:var(--muted);
  line-height:1.6;
  max-height:0; overflow:hidden;
  opacity:.0; transform:translateY(-4px);
  transition:max-height .35s ease, opacity .25s ease, transform .25s ease;
}

/* açık durum */
.faq[open]{ border-color:#e9e1ff; box-shadow:0 14px 34px rgba(124,58,237,.14) }
.faq[open] > summary::after{ transform:rotate(225deg); opacity:1 }
.faq[open] .faq__a{
  max-height:400px;           /* cevabın tahmini üst limiti */
  opacity:1; transform:none;
}

/* klavye odak */
.faq > summary:focus-visible{
  box-shadow:0 0 0 3px var(--brand-100) inset, 0 0 0 3px var(--brand-100), 0 0 0 6px rgba(124,58,237,.25);
  border-radius:16px;
}

/* yoğun sayfalarda kompakt görünüm için son boşluk */
#sss .faq:last-child{ margin-bottom:6px }

/* hareket azaltmayı destekle */
@media (prefers-reduced-motion:reduce){
  .faq__a{ transition:none }
  .faq > summary::after{ transition:none }
}

/* === HAKKIMIZDA → BASINDA BİZ =================================== */
.about-press{ padding:64px 0; background:#fff }
.about-press__head h2{ margin:0 0 6px }
.about-press__head p{ margin:0 0 22px; color:var(--muted) }

/* Grid */
.press-grid{
  display:grid; gap:22px;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
}

/* Kart */
.press-card{
  position:relative; display:grid; grid-template-columns:120px 1fr; gap:16px;
  background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
  isolation:isolate;
}
/* üstte çok ince premium şerit */
.press-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,#a78bfa 0%, #7c3aed 60%, #6d28d9 100%);
  opacity:.85;
}

/* Logo alanı */
.press-card__logo{
  display:grid; place-items:center; padding:18px; background:linear-gradient(180deg,#f7f7ff 0%,#fff 60%);
  border-right:1px solid var(--line);
}
.press-card__logo img{
  width:100%; max-width:90px; max-height:64px; object-fit:contain; filter:grayscale(.2) contrast(1.05);
  transition:filter .25s ease, transform .25s ease;
}

/* Metinler */
.press-card__body{ padding:14px 16px 16px }
.press-card__title{ margin:0 0 6px; font-weight:800; font-size:1.05rem; color:#111 }
.press-card__excerpt{ margin:0; color:var(--muted); line-height:1.55 }

/* Link (buton gibi) */
.press-card__link{
  display:inline-flex; align-items:center; gap:8px; margin-top:12px;
  padding:8px 12px; border-radius:999px; font-weight:800; font-size:.92rem;
  color:var(--brand-600); background:#fff; border:1px solid #e8e6ff;
  box-shadow:0 8px 18px rgba(124,58,237,.12);
  transition:transform .18s ease, box-shadow .25s ease, background .2s ease;
}
.press-card__link::after{
  content:"↗"; font-weight:900; line-height:1; transform:translateY(-1px);
}
.press-card__link:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(124,58,237,.18);
  background:var(--brand-50);
}

/* Hover durumu */
.press-card:hover{
  transform:translateY(-4px);
  border-color:#e9e1ff;
  box-shadow:0 16px 38px rgba(124,58,237,.18);
  filter:saturate(1.02);
}
.press-card:hover .press-card__logo img{
  filter:none; transform:scale(1.04);
}

/* Mobilde tek kolon */
@media (max-width:640px){
  .press-card{ grid-template-columns:1fr }
  .press-card__logo{ border-right:0; border-bottom:1px solid var(--line) }
  .press-card__logo img{ max-width:120px; max-height:72px }
}

/* === HAKKIMIZDA → CTA =================================== */
.about-cta{
  padding:72px 0;
  background:linear-gradient(135deg,#f5f3ff 0%, #fafafa 100%);
  border-top:1px solid #eee;
}

.about-cta__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:32px; flex-wrap:wrap;
  max-width:960px; margin:0 auto;
  text-align:left;
}

.about-cta__inner h2{
  margin:0 0 8px; font-size:1.6rem; font-weight:800; color:#111;
}

.about-cta__inner p{
  margin:0; font-size:1rem; color:var(--muted);
}

.about-cta__inner .btn-primary{
  padding:14px 28px; font-size:1.05rem; font-weight:700;
  border-radius:999px;
  background:linear-gradient(90deg,#8b5cf6 0%, #7c3aed 60%, #6d28d9 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(124,58,237,.25);
  transition:transform .18s ease, box-shadow .25s ease;
}

.about-cta__inner .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(124,58,237,.28);
}

/* Mobil */
@media (max-width:720px){
  .about-cta__inner{ flex-direction:column; text-align:center }
}

/* === SHOP: Üst bant (başlık + breadcrumb + sorter) =============== */
.woocommerce .oy-shop-head{ 
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 0 20px; border-bottom:1px solid var(--line);
}
.woocommerce .oy-shop-title{ margin:0; font-size:1.8rem; font-weight:800; color:#111 }
.woocommerce .breadcrumbs, .woocommerce-breadcrumb{ color:var(--muted); font-size:.95rem }
.woocommerce .woocommerce-ordering select{ 
  border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fff;
}
@media (max-width:900px){ .woocommerce .oy-shop-head{ flex-direction:column; align-items:flex-start } }

/* === SHOP: Grid =================================================== */
.woocommerce ul.products{
  display:grid; gap:24px; 
  grid-template-columns:repeat(3, minmax(0,1fr));
  margin:18px 0 !important;
}
@media (max-width:1024px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:560px){ .woocommerce ul.products{ grid-template-columns:1fr } }

/* === SHOP: Kart (premium + playful) ============================== */
.woocommerce ul.products li.product{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:22px; overflow:hidden; box-shadow:0 12px 24px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.woocommerce ul.products li.product::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:0; pointer-events:none;
  background:
    radial-gradient(110% 70% at 12% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.16), transparent 45%);
  opacity:.85;
}
.woocommerce ul.products li.product a img{
  position:relative; z-index:1; width:100%; aspect-ratio:16/11; object-fit:cover; background:#fff;
  transition: transform .22s ease; 
}
/* PNG/ikon için güvenli mod */
.woocommerce ul.products li.product a img[src$=".png" i]{ object-fit:contain; padding:18px; }

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  position:relative; z-index:1; margin:10px 14px 4px; padding:0; 
  font-size:1.05rem; font-weight:800; line-height:1.35;
}
.woocommerce ul.products li.product .price{
  position:relative; z-index:1; margin:0 14px 10px; color:#6d28d9; font-weight:800;
}
.woocommerce .star-rating{ margin:0 14px 10px; opacity:.9 }

/* Sepete ekle (kart altına “pill” buton) */
.woocommerce ul.products li.product .button{
  margin:0 14px 16px; border:0; border-radius:999px; 
  background:linear-gradient(90deg,#8b5cf6, #7c3aed 60%, #6d28d9);
  color:#fff; font-weight:800; padding:10px 14px;
  box-shadow:0 8px 18px rgba(124,58,237,.22);
  transition:transform .18s ease, box-shadow .22s ease;
}
.woocommerce ul.products li.product .button:hover{
  transform:translateY(-2px); box-shadow:0 14px 28px rgba(124,58,237,.26);
}

.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); border-color:#e9e1ff; 
  box-shadow:0 18px 40px rgba(124,58,237,.18); filter:saturate(1.02);
}
.woocommerce ul.products li.product:hover a img{ transform:scale(1.03) }

/* İndirim rozeti */
.woocommerce span.onsale{
  position:absolute; z-index:2; left:12px; top:12px;
  background:#ef4444; color:#fff; font-weight:900; font-size:.78rem;
  padding:7px 10px; border-radius:999px; box-shadow:0 10px 18px rgba(239,68,68,.25);
}

/* === Pagination =================================================== */
.woocommerce nav.woocommerce-pagination{ margin:24px 0 8px }
.woocommerce nav.woocommerce-pagination ul{ gap:8px; border:0 }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line); border-radius:12px; padding:10px 14px;
}
.woocommerce nav.woocommerce-pagination ul li .current{
  background:#7c3aed; color:#fff; border-color:#7c3aed;
}

/* === SINGLE PRODUCT ============================================== */
.single-product .product{
  display:grid; gap:32px;
  grid-template-columns: 1.05fr .95fr;
}
@media (max-width:900px){ .single-product .product{ grid-template-columns:1fr } }

/* Görsel galeri */
.single-product .woocommerce-product-gallery{ border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:0 12px 24px rgba(17,24,39,.06) }
.single-product .flex-control-thumbs li{ border-radius:12px; overflow:hidden }

/* Sağ panel */
.single-product .entry-summary{ padding:6px 0 }
.single-product .product_title{ font-size:2rem; font-weight:900; margin:0 0 6px }
.single-product .price{ color:#6d28d9; font-weight:900; font-size:1.4rem; margin:6px 0 12px }
.single-product .woocommerce-product-details__short-description{ color:var(--muted); margin:0 0 16px }

/* Sepet alanı */
.single-product form.cart .button{
  border-radius:999px; padding:12px 22px; font-weight:800; border:0;
  background:linear-gradient(90deg,#8b5cf6, #7c3aed 60%, #6d28d9); color:#fff;
  box-shadow:0 10px 22px rgba(124,58,237,.25);
  transition:transform .18s ease, box-shadow .22s ease;
}
.single-product form.cart .button:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(124,58,237,.28) }
.single-product .quantity .qty{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; width:94px }

/* Sekmeler */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  padding-left:0; border-bottom:1px solid var(--line)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border:0; background:transparent; margin:0 14px 0 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding:10px 0; font-weight:800; color:#555; position:relative
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#111 }
.woocommerce div.product .woocommerce-tabs ul.tabs li a::after{
  content:""; position:absolute; left:0; right:0; bottom:-12px; height:3px; width:0; background:#7c3aed; border-radius:3px; transition:width .2s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after{ width:100% }

/* === SHOP FIX — Grid + Card (float reset) ======================= */
/* Varsayılan float/witdhleri kapat */
.woocommerce ul.products{ 
  list-style:none; margin:18px 0 !important; padding:0 !important;
  display:grid !important; gap:28px;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.woocommerce ul.products li.product{
  float:none !important; width:auto !important; margin:0 !important; 
}

/* Kart görünümü */
.woocommerce ul.products li.product{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:22px; overflow:hidden;
  box-shadow:0 12px 24px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.woocommerce ul.products li.product::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:0; pointer-events:none;
  background:
    radial-gradient(110% 70% at 12% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.16), transparent 45%);
  opacity:.85;
}

/* Görsel */
.woocommerce ul.products li.product a img{
  position:relative; z-index:1; display:block;
  width:100%; aspect-ratio:16/11; object-fit:cover; background:#fff;
  transition:transform .22s ease;
}
/* PNG/ikon güvenli */
.woocommerce ul.products li.product a img[src$=".png" i]{ object-fit:contain; padding:18px }

/* Başlık, fiyat, rating */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  position:relative; z-index:1; margin:12px 14px 6px; padding:0;
  font-size:1.06rem; font-weight:800; line-height:1.35;
}
.woocommerce ul.products li.product .price{
  position:relative; z-index:1; margin:0 14px 12px; color:#6d28d9; font-weight:800;
}
.woocommerce .star-rating{ margin:0 14px 10px; opacity:.95 }

/* Add to cart butonu kartın içinde, pill */
.woocommerce ul.products li.product .button{
  margin:0 14px 16px; border:0; border-radius:999px; 
  background:linear-gradient(90deg,#8b5cf6,#7c3aed 60%,#6d28d9);
  color:#fff; font-weight:800; padding:10px 14px;
  box-shadow:0 8px 18px rgba(124,58,237,.22);
  transition:transform .18s ease, box-shadow .22s ease;
}
.woocommerce ul.products li.product .button:hover{
  transform:translateY(-2px); box-shadow:0 14px 28px rgba(124,58,237,.26);
}

/* Hover etkisi */
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); border-color:#e9e1ff;
  box-shadow:0 18px 40px rgba(124,58,237,.18); filter:saturate(1.02);
}
.woocommerce ul.products li.product:hover a img{ transform:scale(1.03) }

/* İndirim rozeti */
.woocommerce span.onsale{
  position:absolute; z-index:2; left:12px; top:12px;
  background:#ef4444; color:#fff; font-weight:900; font-size:.78rem;
  padding:7px 10px; border-radius:999px; box-shadow:0 10px 18px rgba(239,68,68,.25);
}

/* Sıralama/breadcrumb hizası (isteğe bağlı) */
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fff;
}

/* === Woo sidebar fix: primary'yi tam genişlik yap ================= */
.woocommerce #primary,
.woocommerce .content-area{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
}

.woocommerce #secondary{
  display:none !important;   /* varsa tamamen kapat */
}

/* Güvenli taraf: grid taşıyıcısı container hizasında kalsın */
.woocommerce .site-main,
.woocommerce .products{
  margin-left: auto;
  margin-right: auto;
}

/* Woo loop üstündeki çerçeveyle aynı iç boşluk */
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .products{
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* === SHOP GRID — Fix floats & align ======================= */
/* Woo varsayılan float/flex kurallarını kapat */
.woocommerce ul.products,
.woocommerce-page ul.products{
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  align-items: stretch;             /* kartlar hizalı */
  justify-items: stretch;
}

/* float + width + margin artık yok */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  float: none;
  width: auto;
  margin: 0;                        /* Woo’nun sağ/alt marginlerini sıfırla */
}

/* responsive kolon sayısı */
@media (max-width: 1024px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

/* Kart görünümü tutarlılığı (isteğe bağlı hafif cilalama) */
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(17,24,39,.06);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-4px);
  border-color:#e9e1ff;
  box-shadow: 0 16px 36px rgba(124,58,237,.18);
}

/* Görsel alanı */
.woocommerce ul.products li.product a img{
  display:block; width:100%;
  aspect-ratio: 4/3;
  object-fit: contain;              /* placeholder/ikonlar için güvenli */
  background:#f6f7fb;
}

/* Başlık & fiyat boşlukları */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
  padding: 12px 16px 4px;
}
.woocommerce ul.products li.product .price{
  padding: 0 16px 12px;
  color: var(--brand-700);
  font-weight: 800;
}

/* Add-to-cart butonu zemine otursun */
.woocommerce ul.products li.product .button{
  margin: 12px 16px 16px;
  border-radius: 999px;
}


/* === SHOP GRID — Woo defaultu tamamen sıfırla + grid uygula === */

/* UL: temizle */
.woocommerce ul.products {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  align-items: stretch;
  justify-items: stretch;
}
@media (max-width: 1024px){
  .woocommerce ul.products { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width: 560px){
  .woocommerce ul.products { grid-template-columns: 1fr; }
}

/* WooCommerce’in float tabanlı stilini iptal et */
.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* Woo’nun nth-child/first/last hizalamalarını da nötrle */
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce ul.products li.product:nth-child(3n),
.woocommerce ul.products li.product:nth-child(4n),
.woocommerce ul.products li.product:nth-child(odd),
.woocommerce ul.products li.product:nth-child(even) {
  margin: 0 !important;
  clear: none !important;
}

/* Kart: tam yükseklik ve alt buton hizası */
.woocommerce ul.products li.product .product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid var(--line);
  box-shadow: 0 10px 24px rgba(17,24,39,.06);
  overflow: hidden;
  background: #fff;
}
.woocommerce ul.products li.product .product-card__media {
  background: #f6f7fb;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;     /* görsel alanları eşit */
}
.woocommerce ul.products li.product .product-card__body {
  padding: 16px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-top: auto;        /* buton alt çizgiye otursun */
}

/* Görsel: güvenli */
.woocommerce ul.products li.product a img {
  max-height: 220px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform .22s ease;
}
.woocommerce ul.products li.product a:hover img { transform: scale(1.03); }

/* WooCommerce clearfix pseudo elems -> grid'de ilk hücreyi işgal etmesin */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}

/* (Devam) Grid hizası kesin olsun */
.woocommerce ul.products {
  display: grid !important;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  justify-content: start;   /* sütunlar soldan başlasın */
}

@media (max-width:1024px){
  .woocommerce ul.products { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width:560px){
  .woocommerce ul.products { grid-template-columns: 1fr; }
}

/* Float/tabanlı tüm kalıntıları kapat (emniyet) */
.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* === SHOP GRID — düzgün hizalama =================================== */

/* Grid öğeleri aynı yüksekliğe gelsin */
.woocommerce ul.products {
  display: grid !important;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
@media (max-width: 900px){ .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .woocommerce ul.products { grid-template-columns: 1fr; } }

/* Kart iskeleti (flex kolon) */
.woocommerce ul.products li.product {
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  overflow:hidden;
  display:flex; flex-direction:column; /* <— kritik */
  padding:0;
}

/* Link bloğu (resim+başlık+fiyat) karta yayılsın */
.woocommerce ul.products li.product a.product-card__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct__link {
  display:flex; flex-direction:column; gap:12px;
  flex:1 1 auto; /* <— yüksekliği doldur */
  text-decoration:none; color:inherit;
  padding:0 18px 18px;
}

/* Görsel alanı: tek tip oran + güvenli yerleşim */
.woocommerce ul.products li.product a img {
  width:100%; display:block;
  aspect-ratio: 4 / 3;          /* sabit kutu */
  object-fit: contain;           /* kırpma yok */
  background:#f6f7fb;           /* açık gri zemin */
  padding:18px;                  /* ikon/PNG için nefes */
  border-bottom:1px solid var(--line);
}

/* Başlık — 2 satırda sabitle */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size:var(--fs-500);
  margin:12px 0 0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(1.5em * 2);
}

/* Fiyat */
.woocommerce ul.products li.product .price {
  color:var(--brand-700); font-weight:700; margin-top:6px;
}

/* Buton — kartın tabanına insin ve hizalı dursun */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products li.product a.product_type_external,
.woocommerce ul.products li.product a.product_type_variable {
  align-self:flex-start;
  margin: 12px 18px 18px;  /* kart iç kenarlarıyla hizalı */
}

/* Hover: mikro zıplama ve premium gölge */
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color:#e9e1ff;
  box-shadow:0 16px 36px rgba(124,58,237,.18);
}

/* Eski clearfix kalıntıları kartı kaydırmasın (önlem) */
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; display: none !important; }

/* === BLOG ==================================================== */

/* Hero */
.blog-hero{padding:48px 0 12px;background:linear-gradient(180deg,#faf8ff 0%,#fff 60%)}
.blog-hero .blog-title{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0 0 6px}
.blog-hero .blog-sub{color:var(--muted);max-width:72ch;margin:0}

/* Grid */
.blog-wrap{padding:14px 0 64px}
.post-grid{
  display:grid; gap:28px;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}

/* Card */
.post-card{
  background:#fff; border:1px solid var(--line); border-radius:20px;
  box-shadow:0 10px 24px rgba(17,24,39,.06); overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.post-card__thumb{display:block; position:relative; overflow:hidden; background:#f4f5fb}
.post-card__thumb img{
  width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover;
  transition:transform .28s ease;
}
.post-card__body{padding:16px 16px 18px; display:grid; gap:10px}
.post-card__meta{
  display:flex; align-items:center; gap:10px;
  font-size:14px; color:#6b7280;
}
.post-card__meta .sep{opacity:.45}
.post-card__meta .read{
  padding:3px 8px; border:1px solid #eceafd; border-radius:999px;
  background:#faf8ff; color:#6d28d9; font-weight:700; font-size:12px;
}

/* Başlık & özet */
.post-card__title{margin:0}
.post-card__title a{
  display:inline-block; font-weight:800; color:#111; line-height:1.2;
  font-size:clamp(18px,2.1vw,22px);
}
.post-card__title a:hover{color:var(--brand-600)}
.post-card__excerpt{
  margin:0; color:var(--muted);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(1em * 1.6 * 3);
}

/* Kart hover */
.post-card:hover{
  transform:translateY(-4px);
  border-color:#e6ddff;
  box-shadow:0 16px 40px rgba(124,58,237,.18);
}
.post-card:hover .post-card__thumb img{ transform:scale(1.03) }

/* “Devamını oku” küçük buton */
.btn.btn-outline.btn-sm{
  justify-self:start;
  height:38px; padding:0 14px; font-size:14px; font-weight:800;
  border-radius:999px; border:1px solid #e7e7ef; background:#fff; color:var(--brand-600);
  box-shadow:0 6px 14px rgba(124,58,237,.10);
}
.btn.btn-outline.btn-sm:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(124,58,237,.16);
}

/* Pagination */
.blog-pagination{display:flex; justify-content:center; margin:28px 0 0}
.blog-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; margin:0 4px; padding:0 10px;
  border:1px solid var(--line); border-radius:10px; text-decoration:none; color:#111;
}
.blog-pagination .page-numbers.current{
  background:var(--brand-600); color:#fff; border-color:var(--brand-600); font-weight:800;
}
.blog-pagination .page-numbers:hover{border-color:#cfc9ff}

/* Responsive küçük dokunuşlar */
@media (max-width:560px){
  .post-card__body{padding:14px}
  .post-card__meta{gap:8px}
}


/* === BLOG: Single Post =================================== */
.single-post .post-head{ padding: 18px 0 6px; }
.single-post .post-title{
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15; margin: 4px 0 8px; font-weight: 800;
}
.single-post .post-meta{
  color: var(--muted); display:flex; gap:10px; align-items:center;
  font-size: 14px; margin-bottom: 16px;
}
.single-post .post-meta .dot{ opacity:.6 }

.single-post .post-cover{
  margin: 18px 0 8px; border-radius: 16px; overflow: hidden;
  box-shadow: var(--shadow);
}
.single-post .post-cover img{ width:100%; height:auto; display:block }

/* Okunabilir içerik (Gutenberg uyumlu) */
.prose{
  font-size: var(--fs-400);
  color: var(--ink);
}
.prose > *{ margin: 0 0 1rem }
.prose h2{ font-size: clamp(22px,2.4vw,28px); margin: 1.4rem 0 .6rem; font-weight:800 }
.prose h3{ font-size: clamp(18px,2vw,22px); margin: 1rem 0 .4rem; font-weight:800 }
.prose p{ line-height: 1.8 }
.prose a{ color: var(--brand-600); text-decoration: underline }
.prose ul, .prose ol{ padding-left: 1.25rem }
.prose li{ margin:.35rem 0 }
.prose blockquote{
  margin: 1.2rem 0; padding: .8rem 1rem; border-left: 4px solid var(--brand-600);
  background: #faf8ff; border-radius: 10px;
}
.prose img, .prose figure{ max-width:100%; height:auto; display:block; margin: 1rem 0; border-radius: 12px }
.prose table{ width:100%; border-collapse: collapse; margin: 1rem 0; font-size: .95em }
.prose th, .prose td{ border:1px solid var(--line); padding:.6rem .7rem; text-align:left }
.prose code{ background:#f5f3ff; padding:.15em .35em; border-radius:6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace }
.prose pre{ background:#0b1020; color:#e5e7eb; padding:1rem; border-radius:12px; overflow:auto }

/* Etiketler */
.post-tags{ display:flex; gap:8px; flex-wrap:wrap; margin: 16px 0 8px }
.post-tags a{
  display:inline-block; background:#f5f3ff; color:#5b21b6;
  padding:6px 10px; border-radius:999px; border:1px solid #ede9fe; font-weight:700; font-size:12px;
}

/* Önceki / Sonraki */
.post-nav{
  display:flex; justify-content:space-between; gap:16px;
  border-top:1px solid var(--line); padding:16px 0 0; margin-top:18px;
}
.post-nav a{ color: var(--brand-600); font-weight:700 }
.post-nav a:hover{ text-decoration: underline }

/* Yorum formu hızlı düzen */
.comment-respond{ margin-top: 20px; }
.comment-respond .comment-reply-title{ font-size: 20px; font-weight: 800; margin-bottom: 8px }
.comment-respond textarea, .comment-respond input[type="text"], .comment-respond input[type="email"]{
  width:100%; padding:12px; border:1px solid var(--line); border-radius:12px; background:#fff;
}
.comment-respond .form-submit input[type="submit"]{
  margin-top:8px; height:44px; padding:0 18px; border-radius:999px; border:0;
  background: var(--brand-600); color:#fff; font-weight:800; cursor:pointer;
}
.comment-respond .form-submit input[type="submit"]:hover{ background: var(--brand-700) }

/* Blog listesi (index) ile görsel bütünlük */
.blog-hero{ padding: 24px 0 6px }
.blog-title{ font-weight:800 }

/* Single post featured image */
.oy-single__thumb img {
  max-width: 700px;   /* maksimum genişlik */
  width: 100%;        /* responsive kalsın */
  height: auto;
  display: block;
  margin: 2rem auto;  /* ortalamak için */
  border-radius: 12px; /* köşeleri yumuşatma (opsiyonel) */
  box-shadow: 0 4px 20px rgba(0,0,0,0.08); /* hafif gölge */
}

/* Blog yazısı içindeki öne çıkan görsel */
.oy-single__thumb img {
  max-width: 600px;   /* en fazla 600px genişlik */
  width: 100%;        /* mobil uyumlu kalsın */
  height: auto;
  display: block;
  margin: 2rem auto;  /* yukarı-aşağı boşluk ve ortalama */
  border-radius: 10px; /* köşeleri hafif yuvarlat */
}

/* Contact – küçük dokunuş */
.contact-hero{ padding:48px 0 10px; background:linear-gradient(180deg,#faf8ff,transparent); }
.contact-cards{ display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:22px 0 10px; }
@media (max-width:900px){ .contact-cards{ grid-template-columns:1fr 1fr } }
@media (max-width:560px){ .contact-cards{ grid-template-columns:1fr } }
.c-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px; box-shadow:0 8px 20px rgba(17,24,39,.06); }
.c-card__icon{ font-size:28px; }
.c-card__title{ margin:6px 0 4px; font-weight:800; }
.c-card__text a{ text-decoration:underline; color:inherit; }

.contact-form-wrap{ padding:14px 0 64px; }
.notice-wrap .notice{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; margin-bottom:12px; }
.notice.success{ background:#ecfdf5; border-color:#a7f3d0; color:#065f46; }
.notice.error{ background:#fef2f2; border-color:#fecaca; color:#991b1b; }
.grid-2{ display:grid; gap:14px; grid-template-columns:1fr 1fr; }
@media (max-width:560px){ .grid-2{ grid-template-columns:1fr } }
.oy-form .form-field{ display:grid; gap:6px; }
.oy-form label{ font-weight:700; font-size:.95rem; }


/* ========= İLETİŞİM ============ */
:root{
  --oy-primary: #7c3aed;          /* mor */
  --oy-primary-600: #6d28d9;
  --oy-primary-100: #f3e8ff;
  --ink: #0f172a;
  --muted: #6b7280;
  --line: #E9ECEF;
}

/* Hero */
.contact-hero{
  padding: 56px 0 28px;
  background:
    radial-gradient(120% 70% at 8% -10%, rgba(124,58,237,.08), transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.06), transparent 45%);
}
.contact-hero--light{
  padding: 40px 0 10px;
  background:
    radial-gradient(120% 70% at 92% -20%, rgba(124,58,237,.08), transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.05), transparent 50%);
}
.eyebrow{
  font-size:.95rem; letter-spacing:.04em; color:var(--muted); margin:0 0 6px;
}
.page-title,.blog-title{
  margin:0;
  font-weight:800; color:var(--ink);
}

/* Bilgi kartları */
.contact-cards{
  display:grid; gap:18px; margin:20px auto 40px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){
  .contact-cards{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  .contact-cards{ grid-template-columns: 1fr; }
}

.c-card{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  padding:22px 20px;
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
  isolation:isolate;
}
.c-card::before{
  content:""; position:absolute; inset:0; z-index:0; border-radius:inherit;
  background: linear-gradient(180deg, rgba(124,58,237,.10), transparent 38%);
  opacity:.55;
}
.c-card > *{ position:relative; z-index:1; }
.c-card:hover{
  transform: translateY(-4px);
  border-color:#e9e1ff;
  box-shadow:0 16px 36px rgba(124,58,237,.18);
}

.c-card__icon{
  width:40px; height:40px; display:grid; place-items:center;
  background: var(--oy-primary-100);
  color: var(--oy-primary-600);
  border-radius:12px; font-size:20px; margin-bottom:10px;
}
.c-card__title{
  margin:0 0 6px; color:#0f172a; font-weight:800; font-size:1.1rem;
}
.c-card__text{
  margin:0; color:var(--muted); line-height:1.55;
}

/* Form blok */
.contact-form-wrap{
  margin: 10px auto 80px;
}
.oy-form{
  background:#fff; border:1px solid var(--line); border-radius:18px;
  padding:22px; box-shadow:0 8px 22px rgba(17,24,39,.06);
}
@media (min-width: 780px){
  .oy-form{ padding:28px; }
}

/* grid */
.oy-form .grid-2{
  display:grid; gap:14px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 720px){
  .oy-form .grid-2{ grid-template-columns:1fr; }
}

/* inputs */
.oy-form .form-field{ display:block; }
.oy-form input[type="text"],
.oy-form input[type="email"],
.oy-form textarea{
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  font:inherit;
  color:#111;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.oy-form textarea{ min-height:140px; resize:vertical; }

/* focus state */
.oy-form input:focus,
.oy-form textarea:focus{
  outline:none;
  border-color:#d7c4ff;
  box-shadow: 0 0 0 3px rgba(124,58,237,.18);
}

/* yardım/hata mesajı */
.notice.success,
.notice.error{
  border-radius:12px; padding:12px 14px; margin-bottom:14px;
  font-size:.95rem;
}
.notice.success{ background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.notice.error{ background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }

/* buton – nefes alan boşluk */
.oy-form .btn{
  margin-top: 18px;        /* ← üstten boşluk */
}
@media (min-width: 720px){
  .oy-form .btn{ margin-top: 22px; }
}

/* Temanın birincil butonu için güçlendirme */
.btn.btn-primary{
  background: linear-gradient(180deg, var(--oy-primary), var(--oy-primary-600));
  color:#fff; border:none;
  padding:12px 18px;
  border-radius:14px; font-weight:700;
  box-shadow:0 10px 20px rgba(124,58,237,.22), inset 0 -1px 0 rgba(255,255,255,.25);
  transition: transform .12s ease, box-shadow .2s ease, filter .15s ease;
}
.btn.btn-primary:hover{
  transform: translateY(-1px);
  filter:saturate(1.02);
  box-shadow:0 14px 28px rgba(124,58,237,.28), inset 0 -1px 0 rgba(255,255,255,.3);
}
.btn.btn-lg{ font-size:1rem; }

/* Bölüm başlıklarının üst boşluğu tutarlı olsun */
.contact-hero + .contact-cards{ margin-top: 14px; }
.contact-cards + .contact-hero--light{ margin-top: 26px; }
.contact-hero--light + .contact-form-wrap{ margin-top: 12px; }

/* ========= Woo ⟶ My Account (Hesabım) ========= */
.woocommerce-account .entry-title,
.woocommerce-account h1 {
  font-weight: 800;
  color: #0f172a;
  margin: 14px auto 8px;
}

/* Ana grid: sol menü (nav) + içerik */
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 900px){
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
}

/* Sol navigation (dikey menü) */
.woocommerce-MyAccount-navigation {
  position: sticky; top: 84px;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none; padding: 0; margin: 0;
  display: grid; gap: 10px;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 14px;
  border: 1px solid #E9ECEF;
  border-radius: 14px;
  background: #fff;
  color: #111;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(17,24,39,.06);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  border-color: #e9e1ff;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(124,58,237,.18);
}

/* İçerik paneli */
.woocommerce-MyAccount-content {
  background:#fff;
  border:1px solid #E9ECEF;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  padding:22px;
}
@media (min-width: 780px){ .woocommerce-MyAccount-content{ padding:28px; } }

/* Tablolar */
.woocommerce table.shop_table {
  border-radius:12px; overflow:hidden;
  border:1px solid #E9ECEF;
}
.woocommerce table.shop_table th {
  background: #faf7ff;
  color:#0f172a; font-weight:700;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th{
  padding:12px 14px;
}

/* Form alanları */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields textarea {
  width:100%;
  background:#fff;
  border:1px solid #E9ECEF;
  border-radius:12px;
  padding:12px 14px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus{
  outline:none;
  border-color:#d7c4ff;
  box-shadow:0 0 0 3px rgba(124,58,237,.18);
}

/* Butonlar (Woo'nun .button sınıfını temanın .btn gibi yapalım) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
  background: linear-gradient(180deg, #7c3aed, #6d28d9);
  color:#fff; border:none;
  padding:10px 16px;
  border-radius:14px; font-weight:700;
  box-shadow:0 10px 20px rgba(124,58,237,.22), inset 0 -1px 0 rgba(255,255,255,.25);
  transition: transform .12s ease, box-shadow .2s ease, filter .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform: translateY(-1px);
  filter:saturate(1.02);
  box-shadow:0 14px 28px rgba(124,58,237,.28), inset 0 -1px 0 rgba(255,255,255,.3);
}

/* Notices */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  border-radius:12px; border:none;
  padding:12px 14px;
}
.woocommerce-message{ background:#ecfdf5; color:#065f46; }
.woocommerce-error{ background:#fef2f2; color:#991b1b; }
.woocommerce-info{ background:#eef2ff; color:#3730a3; }



/* Başlıklar içeride daha tutarlı */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  margin-top:6px; font-weight:800; color:#0f172a;
}

/* === Woo ⟶ Hesabım düzenini sabitle === */
.woocommerce-account .woocommerce {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px 40px;
  display: grid !important;                 /* grid'e zorla */
  grid-template-columns: 280px 1fr;         /* sol menü + içerik */
  gap: 24px;
  align-items: start;
}

/* Woo'nun default float & width'lerini devre dışı bırak */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* Başlık hizası */
.woocommerce-account .entry-title,
.woocommerce-account h1 {
  max-width: 1120px;
  margin: 16px auto 10px;
  padding: 0 20px;
  font-weight: 800;
  color: #0f172a;
}

/* Sol navigation */
.woocommerce-MyAccount-navigation { position: sticky; top: 84px; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 14px;
  border: 1px solid #E9ECEF;
  border-radius: 14px;
  background: #fff;
  color: #111; font-weight: 600;
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  border-color: #e9e1ff;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(124,58,237,.18);
  background:
    radial-gradient(120% 80% at 12% 0%, #f5f3ff 0%, transparent 60%),
    linear-gradient(180deg, rgba(124,58,237,.10), transparent 45%);
}

/* Sağ içerik paneli */
.woocommerce-MyAccount-content {
  background: #fff;
  border: 1px solid #E9ECEF;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(17,24,39,.06);
  padding: 24px;
}
@media (min-width: 780px){ .woocommerce-MyAccount-content{ padding: 28px; } }

/* Tablolar, butonlar, formlar – temayla uyum */
.woocommerce table.shop_table { border:1px solid #E9ECEF; border-radius:12px; overflow:hidden; }
.woocommerce table.shop_table th { background:#faf7ff; color:#0f172a; font-weight:700; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding:12px 14px; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
  background: linear-gradient(180deg, #7c3aed, #6d28d9);
  color:#fff; border:none; border-radius:14px;
  padding:10px 16px; font-weight:700;
  box-shadow:0 10px 20px rgba(124,58,237,.22), inset 0 -1px 0 rgba(255,255,255,.25);
  transition: transform .12s ease, box-shadow .2s ease, filter .15s ease;
}
.woocommerce .button:hover { transform:translateY(-1px); filter:saturate(1.02); box-shadow:0 14px 28px rgba(124,58,237,.28), inset 0 -1px 0 rgba(255,255,255,.3); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width:100%; background:#fff; border:1px solid #E9ECEF; border-radius:12px; padding:12px 14px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus {
  outline:none; border-color:#d7c4ff; box-shadow:0 0 0 3px rgba(124,58,237,.18);
}

/* Notices */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
  border:none; border-radius:12px; padding:12px 14px;
}
.woocommerce-message{ background:#ecfdf5; color:#065f46; }
.woocommerce-error{ background:#fef2f2; color:#991b1b; }
.woocommerce-info{ background:#eef2ff; color:#3730a3; }

/* Mobil stack */
@media (max-width: 900px){
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
  .woocommerce-MyAccount-navigation { position: static; }
}

/* === My Account – Genel Yerleşim =================================== */
.woocommerce-account .woocommerce{
  display:grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap:32px;
  align-items:start;
}

/* Sol menü (navigation) */
.woocommerce-MyAccount-navigation{
  position: sticky;
  top: 96px;   /* header yüksekliğine göre oynatabilirsin */
}
.woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0; display:grid; gap:12px;
}
.woocommerce-MyAccount-navigation li a{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-radius:14px;
  background:#fff; border:1px solid var(--line);
  box-shadow:0 8px 18px rgba(17,24,39,.06);
  color:#111; font-weight:600; text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce-MyAccount-navigation li a:hover{
  transform:translateY(-1px);
  border-color:#e7ddff; box-shadow:0 12px 26px rgba(124,58,237,.16);
}
.woocommerce-MyAccount-navigation li.is-active a{
  background:
    linear-gradient(180deg, rgba(124,58,237,.08), rgba(124,58,237,0) 70%),
    #fff;
  border-color:#e7ddff;
  box-shadow:0 14px 28px rgba(124,58,237,.18);
}

/* İçerik alanı kartlaştırma */
.woocommerce-account .woocommerce-MyAccount-content > *{
  background:#fff; border:1px solid var(--line);
  border-radius:16px; padding:24px;
  box-shadow:0 8px 20px rgba(17,24,39,.06);
}
.woocommerce-account .woocommerce-MyAccount-content > h2{
  margin-top:0;
}

/* Tablolar (siparişler vb.) */
.woocommerce-account table.shop_table{
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{
  padding:14px 16px; border-color:var(--line);
}
.woocommerce-account table.shop_table tr:nth-child(even){
  background:#fafafb;
}

/* Uyarılar / boş durum kartları */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  border-radius:12px; border-width:1px; padding:16px 18px;
}



/* Login & Register yan yana kartlar */
.woocommerce-account .u-columns{
  display:grid; grid-template-columns: 1fr 1fr; gap:24px;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
  background:#fff; border:1px solid var(--line); border-radius:16px;
  padding:22px; box-shadow:0 8px 18px rgba(17,24,39,.06);
}
.woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; }

/* Başlık – temayla uyum aralığı */
.woocommerce-account .site-main h1{
  margin: 24px 0 10px;
}

/* Responsive */
@media (max-width: 980px){
  .woocommerce-account .woocommerce{
    grid-template-columns: 1fr; gap:22px;
  }
  .woocommerce-MyAccount-navigation{ position:static; }
  .woocommerce-account .u-columns{ grid-template-columns:1fr; }
}


/* === My Account – Layout ================================================== */
.myacc-wrap{
  display:grid; gap:28px; grid-template-columns: 300px minmax(0,1fr);
  align-items:start; margin-top:22px;
}
@media (max-width:960px){ .myacc-wrap{ grid-template-columns:1fr } }

/* Sidebar */
.myacc-sidebar{ position:sticky; top:96px; }

.myacc-nav{
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 8px 20px rgba(17,24,39,.06); padding:14px;
}
.myacc-nav ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.myacc-nav li a{
  display:flex; align-items:center; gap:10px;
  background: #fff; border:1px solid var(--line);
  padding:12px 14px; border-radius:14px; text-decoration:none;
  color:#111; font-weight:600; transition:transform .18s, box-shadow .22s, border-color .22s;
}
.myacc-nav li .ico{ width:22px; text-align:center; opacity:.9 }
.myacc-nav li.is-active a{
  border-color:#eadfff;
  background: radial-gradient(120% 80% at 12% 0%, #f5f3ff 0%, transparent 60%),
              linear-gradient(180deg, rgba(124,58,237,.10), transparent 45%);
  box-shadow:0 16px 36px rgba(124,58,237,.18);
}
.myacc-nav li a:hover{ transform:translateY(-2px); }

/* Welcome card in sidebar */
.myacc-note{
  margin-top:14px; padding:14px; border:1px dashed var(--line);
  border-radius:14px; background:#fafafa;
}
.myacc-note .muted{ margin:.5rem 0 0; color:var(--muted); }

/* Content side */
.myacc-content{ min-width:0; }
.myacc-hero{
  background: linear-gradient(180deg,#faf7ff 0%, transparent 100%);
  border:1px solid #eee; border-radius:18px; padding:18px 16px; margin-bottom:16px;
}
.myacc-title{ margin:0; font-size:2rem; line-height:1.2; font-weight:800; color:#151515 }

/* Slot */
.myacc-slot{
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 6px 16px rgba(17,24,39,.06); padding:18px;
}

/* === Tables (orders, downloads) ========================================== */
.woocommerce table.shop_table{
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.woocommerce table.shop_table thead th{
  background:#fafafa; font-weight:700; color:#222;
}
.woocommerce table.shop_table td, 
.woocommerce table.shop_table th{ padding:12px 14px; }

/* === Forms inside account ================================================= */
.woocommerce-MyAccount-content form .form-row,
.woocommerce-form-row{
  margin-bottom:12px;
}
.woocommerce-Input, .input-text, .woocommerce-select,
.woocommerce-MyAccount-content textarea{
  width:100%; padding:12px 14px; border:1px solid var(--line);
  border-radius:12px; background:#fff;
}
.woocommerce-button, .button{
  border-radius:24px; padding:10px 18px; font-weight:700;
  background:linear-gradient(180deg,#7c3aed,#6d28d9);
  color:#fff; border:none; box-shadow:0 10px 24px rgba(124,58,237,.25);
}
.woocommerce-button:hover{ filter:brightness(1.04); transform:translateY(-1px); }

/* Empty states / notices */
.woocommerce-info, .woocommerce-message, .woocommerce-error{
  border-radius:14px; padding:12px 14px;
}

/* ========== MY ACCOUNT — İÇERİK DÜZENİ ========== */
/* İçerik panelini kart gibi göster */
.woocommerce-MyAccount-content > *:first-child {
  margin-top: 0;
}
.woocommerce-MyAccount-content .card,
.woocommerce-MyAccount-content .woocommerce,
.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message {
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: 0 6px 22px rgba(27, 6, 68, .06);
}

/* Başlık kutusu (Orders, Addresses, Account details) */
.woocommerce-account .oy-box-title,
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
  background: linear-gradient(180deg,#faf8ff, #ffffff);
  border: 1px solid rgba(16,24,40,.06);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 0 0 18px;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #0b1020;
}

/* ========== ORDERS ========== */
/* Boş durum / bilgi mesajı (No order…) */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-Message { /* yedek */
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(180deg,#f3f1ff,#ffffff);
  border: 1px solid rgba(16,24,40,.06);
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 6px 22px rgba(27, 6, 68, .06);
  overflow: hidden;
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-Message::before {
  content: "🧾";
  font-size: 20px;
}
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-Message .button {
  margin-left: auto;
}

/* Sipariş tablosu stilleri */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(16,24,40,.06);
}
.woocommerce-orders-table th,
.woocommerce-orders-table td {
  padding: 14px 16px;
  vertical-align: middle;
}
.woocommerce-orders-table thead th {
  background: #faf8ff;
  font-weight: 700;
}
.woocommerce-orders-table tr + tr td {
  border-top: 1px solid rgba(16,24,40,.06);
}



/* ========== ACCOUNT DETAILS (Form) ========== */
.woocommerce-account form.woocommerce-EditAccountForm {
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: 0 6px 22px rgba(27, 6, 68, .06);
}
.woocommerce form .form-row label {
  font-weight: 600;
  color: #101323;
  margin-bottom: 6px;
}
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea {
  border: 1px solid #E6E8F0;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 1px 0 #fff inset;
}
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus {
  outline: none;
  border-color: #7c3aed33;
  box-shadow: 0 0 0 4px #7c3aed1a;

}


/* Başlık satırı */
.woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.woocommerce-Address-title h3 {
  font-size: 18px;
  margin: 0;
}
.woocommerce-Address-title a {
  font-size: 14px;
  font-weight: 500;
  color: var(--oy-primary);
  text-decoration: none;
}
.woocommerce-Address-title a:hover {
  text-decoration: underline;
}

/* ========== BUTONLAR – TEMA UYUMLU ========== */
:root{
  --oy-primary: #7C3AED;
  --oy-primary-2: #A78BFA;
  --oy-primary-dark: #6D28D9;
  --oy-text-on: #fff;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
  border: 0;
  border-radius: 28px;
  padding: 10px 16px;
  font-weight: 700;
  background: linear-gradient(180deg,var(--oy-primary), var(--oy-primary-dark));
  color: var(--oy-text-on) !important;
  box-shadow: 0 10px 24px rgba(124,58,237,.28);
  transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(124,58,237,.35);
  color: var(--oy-text-on) !important;
}
/* Woo alt buton tutarlılığı */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: linear-gradient(180deg,var(--oy-primary), var(--oy-primary-dark));
  color: var(--oy-text-on) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  filter: brightness(1.03);
  color: var(--oy-text-on) !important;
}

/* ========== KÜÇÜK DOKUNUŞLAR ========== */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: radial-gradient(120px 32px at 20% 0%, #beafff33, transparent 60%) #fff;
  box-shadow: 0 10px 28px rgba(124,58,237,.12);
}
@media (max-width: 900px){
  .woocommerce-MyAccount-content { margin-top: 18px; }
}
/* === OYEDU — My Account (Orders & Addresses) — FINAL CLEAN FIX === */

/* 1) ORDERS — boş mesaj görünümü (tam genişlik + buton sağda) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message{
  display:flex; align-items:center; gap:14px;
  background:linear-gradient(180deg,#f3f1ff,#ffffff);
  border:1px solid rgba(16,24,40,.06); border-radius:16px;
  padding:18px 20px; box-shadow:0 6px 22px rgba(27,6,68,.06);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message::before{content:"🧾";font-size:20px}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message .button{margin-left:auto}

/* 2) ADDRESSES — tek sütun, düzgün hizalı ve taşmasız (final override) */
/* Kapsayıcı: Woo'nun col2-set düzenini kapatıp tek sütuna indir */
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  max-width:100% !important;
}

/* Eski float/width kalıntılarını tamamen kapat ve tam genişlik ver */
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses > .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses > .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-2{
  float:none !important;
  clear:none !important;
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Kart: tek tip görünüm, taşmasız */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{
  display:block !important;
  width:100% !important;
  background:#fff !important;
  border:1px solid rgba(16,24,40,.06) !important;
  border-radius:16px !important;
  padding:20px 22px !important;
  box-shadow:0 6px 22px rgba(27,6,68,.06) !important;
  overflow:hidden !important;
}

/* Başlık satırı (H3 solda, Edit/Add sağda, tek satır) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 10px !important;
  flex-wrap:nowrap !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title h3{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.25 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title .edit,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title .edit{
  margin-left:auto !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:50% !important; /* çok uzun linkler kartı taşırmasın */
}

/* <address> içeriği: normal blok; “pill/şerit” mirası yok */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#3b3f53 !important;
  line-height:1.55 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address p{ margin:0 !important }

/* Woo'nun clearfix pseudo'larını kapat: grid/flow kaydırmasın */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{
  content:none !important;
  display:none !important;

}

.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses {
  display: block !important;
}
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses > * {
  width: 100% !important;
  float: none !important;
  margin: 0 0 16px !important;
}

/* My Account - Addresses temiz layout */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  flex: 1 1 48%;
  min-width: 280px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.08);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}

/* Başlık ve link hizası */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
  margin: 0;
  color: #3b3f53;
  line-height: 1.5;
}

/* === OYEDU — My Account > Addresses — FINAL, CLEAN, RELIABLE === */

/* Kapsayıcı: 2 sütun grid (mobilde 1 sütun) */
.woocommerce-account .woocommerce-MyAccount-content
.u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content
.woocommerce-Addresses.addresses{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 24px;
  align-items: start;
}

/* Mobil */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-content
  .u-columns.woocommerce-Addresses.col2-set.addresses,
  .woocommerce-account .woocommerce-MyAccount-content
  .woocommerce-Addresses.addresses{
    grid-template-columns: 1fr !important;
  }
}

/* Woo'nun eski float/width kalıntılarını tamamen kapat */
.woocommerce-account .woocommerce-MyAccount-content .addresses .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .addresses .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses .col-2{
  float:none !important; width:auto !important; margin:0 !important; clear:none !important;
  box-sizing:border-box !important;
}

/* Kart gövdesi: sabit, ezilmeyen, eşit görünüm */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{
  background:#fff; border:1px solid rgba(16,24,40,.08);
  border-radius:16px; padding:20px 22px;
  box-shadow:0 6px 18px rgba(17,24,39,.06);
  display:flex; flex-direction:column; gap:10px;
  min-height: 180px;
}

/* Başlık satırı: H3 + Edit/Add aynı çizgide */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title,
.woocommerce-account .woocommerce-Address .title{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:12px; margin:0 0 8px !important;
  flex-wrap:nowrap !important;
}
.woocommerce-account .woocommerce-Address .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-Address .title h3{
  margin:0 !important; font-size:20px !important; line-height:1.25 !important;
}

/* “Add/Edit … address” linki buton gibi değil, normal link gibi dursun */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title a,
.woocommerce-account .woocommerce-Address .title a{
  display:inline !important; background:transparent !important; border:0 !important;
  padding:0 !important; margin-left:12px !important; box-shadow:none !important;
  color:#7c3aed !important; text-decoration:underline; white-space:nowrap;
}

/* İçerik metni: normal blok, pill/şerit yok */
.woocommerce-account .woocommerce-Address address,
.woocommerce-account .woocommerce-Address .woocommerce-Address-content{
  display:block !important; margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:transparent !important; color:#3b3f53; line-height:1.55;
}
.woocommerce-account .woocommerce-Address address p{ margin:0 !important }

/* Woo clearfix pseudo elemanları grid’i bozmasın */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{
  content:none !important; display:none !important;
}

/* Adresleri alt alta göster */
.woocommerce-account .woocommerce-MyAccount-content
.u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content
.woocommerce-Addresses.addresses{
  display: grid !important;
  grid-template-columns: 1fr !important; /* 👈 sadece 1 kolon */
  gap: 24px;
}

/* Adres kutularını HER ZAMAN alt alta göster */
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses {
  display: block !important;   /* grid yerine block */
}

.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses > * {
  width: 100% !important;      /* WooCommerce %50 yapıyor, sıfırla */
  float: none !important;      /* WooCommerce float veriyor, kaldır */
  margin-bottom: 20px;         /* kutular arası boşluk */
}

/* === My Account → Addresses: HER ZAMAN ALT ALTA (hard override) === */

/* 1) Ebeveyn düzen: Dikey yığınla */
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  grid-template-columns: none !important;   /* varsa grid’i iptal et */
}

/* 2) Çocuk sütunları: %100 genişlik + float kapat */
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-2 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;         /* spacing’i ebeveynden alıyoruz */
  box-sizing: border-box !important;
  display: block !important;     /* inline-block/flex ihtimaline karşı */
  flex: 0 0 auto !important;     /* yan yana sıkışmayı engelle */
}

/* 3) Kartların kendi genişliği %100 olsun */
.woocommerce-account .woocommerce-MyAccount-content .addresses .woocommerce-Address {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
}

/* === My Account → ADDRESSES — HER ZAMAN TEK SÜTUN (final) === */

/* Kapsayıcıyı her koşulda tek sütun yap */
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses,
.woocommerce-account .woocommerce-MyAccount-content .addresses{
  display: block !important;
  grid-template-columns: none !important;
  max-width: 100% !important;
}

/* Woo'nun eski iki kolon kalıntılarını tamamen sök */
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-2{
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  box-sizing: border-box !important;
}

/* Her bir adres kartı tam genişlikte blok olsun */
.woocommerce-account .woocommerce-MyAccount-content .addresses .woocommerce-Address{
  display: block !important;
  width: 100% !important;
}

/* Başlık satırı (H3 + Add/Edit) aynı satırda, link sağda kalsın */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title,
.woocommerce-account .woocommerce-Address .title{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
}
.woocommerce-account .woocommerce-Address .woocommerce-Address-title a,
.woocommerce-account .woocommerce-Address .title a{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-left: auto !important;
  text-decoration: underline;
}

/* Clearfix pseudo’ları hizayı bozmasın */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{
  content: none !important;
  display: none !important;
}

/* === My Account → Addresses: her zaman tek sütun (genel kilit) === */
.woocommerce-account .woocommerce-MyAccount-content .addresses{
  display:block !important;
}
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses > .col-2{
  float:none !important; width:100% !important; clear:both !important; margin:0 0 16px !important;
}

/* === MY ACCOUNT → ADDRESSES — HER ZAMAN ALT ALTA === */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .addresses,
.woocommerce .col2-set.addresses {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Kolonları %100 yap ve yanyana kuralını iptal et */
.woocommerce-account .woocommerce-Addresses > .u-column1,
.woocommerce-account .woocommerce-Addresses > .u-column2,
.woocommerce-account .addresses > .u-column1,
.woocommerce-account .addresses > .u-column2,
.woocommerce .col2-set.addresses > .col-1,
.woocommerce .col2-set.addresses > .col-2,
.woocommerce .col2-set > .col-1,
.woocommerce .col2-set > .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  margin: 0 0 18px !important;
  box-sizing: border-box !important;
}

/* Woo'nun clearfix pseudo'ları müdahale etmesin */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after,
.woocommerce .col2-set::before,
.woocommerce .col2-set::after {
  content: none !important;
  display: none !important;
}


/* === MY ACCOUNT → Login & Register (temiz iki kart) ================== */

/* Woo'nun float düzenini kapat, grid'e zorla */
body.woocommerce-account .u-columns,
body.woocommerce-account .u-columns.woocommerce-form-login,
body.woocommerce-account .u-columns.woocommerce-Form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  gap: 24px;
  align-items: start;
  max-width: 980px;
  margin: 10px auto 30px;   /* ortala */
  padding: 0 20px;
}

body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* Kart görünümü */
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2{
  background: #fff;
  border: 1px solid #E9ECEF;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(17,24,39,.06);
  padding: 18px;
}

/* Kart başlıkları */
body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2{
  margin: 0 0 12px;
  font-weight: 800;
  font-size: clamp(20px,2.2vw,26px);
  color: #0f172a;
}

/* Form alanları */
body.woocommerce-account .u-columns .woocommerce-form-row,
body.woocommerce-account .u-columns .form-row{
  margin-bottom: 12px;
}
body.woocommerce-account .u-columns .input-text,
body.woocommerce-account .u-columns input[type="text"],
body.woocommerce-account .u-columns input[type="email"],
body.woocommerce-account .u-columns input[type="password"],
body.woocommerce-account .u-columns textarea{
  width: 100%;
  border: 1px solid #E9ECEF;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.woocommerce-account .u-columns .input-text:focus,
body.woocommerce-account .u-columns textarea:focus{
  outline: none;
  border-color: #d7c4ff;
  box-shadow: 0 0 0 3px rgba(124,58,237,.18);
}

/* Remember me + Şifreyi göster hizası */
body.woocommerce-account .u-columns .woocommerce-form__label-for-checkbox{
  display: flex; align-items: center; gap: 8px;
}

/* Butonlar */
body.woocommerce-account .u-columns .woocommerce-button,
body.woocommerce-account .u-columns .button{
  border: 0;
  border-radius: 14px;
  padding: 10px 16px;
  font-weight: 700;
  background: linear-gradient(180deg,#7c3aed,#6d28d9);
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(124,58,237,.22);
  transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;
}
body.woocommerce-account .u-columns .woocommerce-button:hover,
body.woocommerce-account .u-columns .button:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(124,58,237,.28);
}

/* Mobil: kartlar alt alta */
@media (max-width: 820px){
  body.woocommerce-account .u-columns{
    grid-template-columns: 1fr !important;
    max-width: 640px;
  }
}

.woocommerce div.product div.images img {
    width: 100%;
    height: auto;  /* orijinal oranı korur */
    object-fit: contain; /* görüntüyü sıkıştırmadan kutuya sığdırır */
    max-height: 500px;   /* çok uzunsa sınırlama */
}

.related.products ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 400px; /* hepsine sabit bir yükseklik */
}

.related.products ul.products li.product img {
    height: 250px;
    object-fit: contain;
}

.woocommerce div.product div.images img {
    max-height: 400px; /* resim kutusu yüksekliği */
    width: auto;
    object-fit: contain; /* resmi bozmadan ortalar */
}

.woocommerce ul.products li.product {
    min-height: 350px; /* hepsini eşitler */
}

.woocommerce ul.products li.product img {
    height: 200px; 
    width: 100%;
    object-fit: contain; /* resim kutusunu doldurur ama taşırmaz */
}


/* === Single product: ana görsel kutusunu sabitle, ortala === */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image{
  height: clamp(280px, 32vw, 440px) !important; /* küçük ekranda düşük, desktop’ta ~400px */
  max-height: 520px;
}

.single-product .woocommerce-product-gallery__image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}

/* Görsel kutuya sığsın; taşma yapmasın */
.single-product .woocommerce-product-gallery__image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;  /* taşırmadan göster */
}

/* Küçük thumb’ları da toparla (varsa) */
.single-product .woocommerce-product-gallery .flex-control-thumbs li img{
  height:72px;
  width:100%;
  object-fit:cover;
  border-radius:10px;
} 

/* Ürün kartı ve tekil üründeki tüm Woo butonları dikey-yatay ortalansın */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .added_to_cart,
.woocommerce ul.products li.product .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
}

/* Kart içindeki “Sepete Ekle”nin boyu ve iç boşluğu */
.woocommerce ul.products li.product .button {
  min-height: 48px;
  padding: 0 18px;
  gap: .5rem; /* yazı + tik ikonu arası */
}

/* Woo'nun “sepete eklendi” linki/ikonu hizalansın */
.woocommerce a.added_to_cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Woo blok mini-cart (Gutenberg) */
.wp-block-woocommerce-mini-cart,
.wp-block-woocommerce-mini-cart-contents {
  border-radius: 18px;
  padding: 20px 22px;
  box-shadow: 0 8px 28px rgba(27,6,68,.08);
  background: #fff;
}

.wp-block-woocommerce-mini-cart .wc-block-mini-cart__footer,
.wp-block-woocommerce-mini-cart-contents .wc-block-mini-cart__footer {
  border-top: 1px solid rgba(0,0,0,.06);
  margin-top: 12px;
  padding-top: 12px;
}

/* Klasik widget mini-cart (widget_shopping_cart) */
.widget_shopping_cart {
  border-radius: 18px;
  padding: 20px 22px;
  box-shadow: 0 8px 28px rgba(27,6,68,.08);
  background: #fff;
}
.widget_shopping_cart .widgettitle {
  font-weight: 700;
  margin-bottom: 10px;
}
.widget_shopping_cart ul,
.widget_shopping_cart li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Üst menü: sepet linki + rozet */
.menu-item-cart .cart-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  position: relative;
  font-weight: 600;
}

.menu-item-cart .cart-link .oy-cart-count {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  background: #7B3BF3; /* senin morun */
  color: #fff;
  box-shadow: 0 4px 14px rgba(123,59,243,.35);
}

/* --- View cart ("Sepetim") linkini buton yap --- */
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce a.added_to_cart.wc-forward{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:9999px;
  background: linear-gradient(135deg,#7c3aed,#5b21b6);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  border:2.5px solid #a78bfa;
  box-shadow:0 10px 30px rgba(124,58,237,.35);
  margin-top:12px;           /* Add to cart'ın altına nefes */
  min-width: 240px;          /* sabit bir genişlik hoş durur */
  text-align:center;
}

/* Ufak bir check işareti eklemek istersen */
.woocommerce ul.products li.product a.added_to_cart::after{
  content:"✓";
  font-weight:900;
  transform: translateY(1px);
}

/* Hover */
.woocommerce a.added_to_cart.wc-forward:hover{
  filter: brightness(1.03);
}

/* Woo mesaj kutularındaki ikonları gizle */
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before{
  content: none !important;
  display: none !important;
}

.payment-logos {
  margin-top: 15px;
}
.payment-logos img {
  height: 32px;
  margin-right: 10px;
  display: inline-block;
}

.oyedu-payment-logos { display:flex; gap:12px; align-items:center; margin-top:12px; }
.oyedu-payment-logos img { height:24px; width:auto; filter: saturate(1) contrast(1); }

  /* deneme */

/* Featured kart görselleri düzenleme */
.featured-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* Görsel kutunun tamamını doldurur */
  display: block;
  border-radius: 12px; /* Kart köşelerine uyumlu olsun diye */
}

/* Featured ürün kartı görseli — kutuyu tamamen doldur */
.featured-card { display: flex; flex-direction: column; height: 100%; }

.featured-card img{
  width: 100%;
  aspect-ratio: 4 / 3;   /* hepsi aynı yükseklikte olsun; 16/9 istersen bunu değiştir */
  height: auto;          /* aspect-ratio ile birlikte çalışır */
  object-fit: cover;     /* taşanı kırp, boşluk bırakma */
  border-radius: 16px;   /* kart köşeleriyle hizala (istersen azalt) */
  display: block;        /* alt satır boşluğunu kaldırır */
}

/* Başlık ve açıklama taşmasın, tek satır/iki satır… (opsiyon) */
.featured-card h3{ margin:14px 0 4px; font-weight:700; }
.featured-card p{ margin:0 0 12px; color:#6b6b6b; }


/* Takım kartları ortak stil (fotoğraflar) */
.team-card img{
  width: 140px;
  height: 140px;
  border-radius: 9999px;
  object-fit: cover;        /* fotoğraflar için */
  display: block;
}


/* Varsayılan avatar/fotoğraf */
.team-card img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover; /* Fotoğraflar kırpılmadan güzel dursun */
  display: block;
}

/* SVG logoları farklı davranmalı */
.team-card img[src$=".svg"],
.team-card img.team-logo {
  object-fit: contain;    /* kırpmak yerine sığdır */
  
  border: 2px solid #eee; /* daha düzgün görünsün */
}

/* Varsayılan takım fotoğrafları */
.team-card img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;       /* fotoğraflar için cover kalsın */
  display: block;
}

/* Sadece logo için farklı davranış */
.team-card img.team-logo {
  object-fit: contain !important; /* kırpma yok, sığdır */
  background: #fff;               /* dairenin içi beyaz dursun */
  padding: 12px;                  /* logonun çevresinde nefes alan boşluk */
  border: 2px solid #eee;         /* hafif çerçeve */
  box-sizing: border-box;         /* padding toplam boyutu aşmasın */
}

/* Featured kartları hizalama ve taşma fix'i */
.featured-grid .featured-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;                 /* metin ve görsel için iç boşluk */
  border-radius: 16px;
  background: #fff;
}

.featured-grid .featured-card img {
  display: block;                /* olası boşluğu kaldırır */
  width: 100%;
  height: 220px;                 /* ihtiyaca göre 200–240 arası oynatabilirsin */
  object-fit: cover;             /* foto kırpma/oturtma */
  border-radius: 12px;
}

.featured-grid .featured-card h3,
.featured-grid .featured-card p {
  margin: 0;                     /* beklenmedik sola kaymayı engelle */
  padding: 0;                    /* güvenli tarafta kalalım */
  max-width: 100%;
}

.featured-grid .featured-card h3 {
  font-size: 24px;               /* tasarıma göre */
  line-height: 1.25;
}

.featured-grid .featured-card p {
  color: #6b7280;                /* gri ton (opsiyonel) */
}

/* Eski bir kural yazıyı sola çeken bir negatif margin verdiyse sıfırla */
.featured-grid .featured-card h3 { margin-left: 0 !important; }

.team-card img.team-logo{
  object-fit: contain;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding: 10px;
  background:#fff;
}

/* Ürün kategori sayfasındaki üst görsel + açıklama bloğunu gizle */
.woocommerce .woocommerce-products-header,
.woocommerce .woocommerce-products-header__title,
.woocommerce .term-description {
  display: none !important;
}

/* Press single safe styles */
.single-article .single-hero__media img {max-width:100%; height:auto; border-radius:16px;}
.single-article .prose {line-height:1.7; font-size:1.05rem;}
.single-article .prose img {max-width:100%; height:auto; border-radius:12px; margin:1rem 0;} 

/* === BASINDA BİZ — Dikey kart yerleşimi, görsel üstte =================== */
.about-press .press-grid{
  display:grid;
  gap:22px;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
}

.about-press .press-card{
  display:flex;
  flex-direction:column;         /* görsel üstte, metin altta */
  grid-template-columns:unset;   /* eski 2 sütunu kapat */
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease;
}
.about-press .press-card::before{ /* üst mor şerit kalsın */
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,#a78bfa 0%, #7c3aed 60%, #6d28d9 100%);
  opacity:.85;
}

/* LOGO / GÖRSEL BLOĞU */
.about-press .press-card__logo{
  border-right:0;                /* eski dikey sınırı kaldır */
  padding:0;
  background:#fff;
}
.about-press .press-card__logo img{
  width:100%;
  height: clamp(160px, 22vw, 200px); /* tutarlı yükseklik */
  object-fit: cover;                 /* görüntü kırp, taşırma yok */
  display:block;
  /* Eğer görsel küçük/PNG ise daha iyi dursun */
  background:#f9fafb;
}

/* METİN BLOĞU */
.about-press .press-card__body{
  padding:14px 16px 16px;
}
.about-press .press-card__title{
  margin:0 0 6px;
  font-weight:800;
  font-size:1.05rem;
  color:#111;
}
.about-press .press-card__excerpt{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  display:-webkit-box;             /* 2 satırda kırp */
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1em * 1.55 * 2);
}
.about-press .press-card__link{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:800; font-size:.92rem;
  color:var(--brand-600);
  background:#fff; border:1px solid #e8e6ff;
  box-shadow:0 8px 18px rgba(124,58,237,.12);
  transition:transform .18s ease, box-shadow .25s ease, background .2s ease;
}
.about-press .press-card__link::after{ content:"↗"; font-weight:900; line-height:1 }

/* HOVER */
.about-press .press-card:hover{
  transform:translateY(-4px);
  border-color:#e9e1ff;
  box-shadow:0 16px 38px rgba(124,58,237,.18);
}
.about-press .press-card__link:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(124,58,237,.18);
  background:var(--brand-50);
}

/* Küçük ekran cilası */
@media (max-width:560px){
  .about-press .press-card__logo img{ height:180px }
}

/* Basında Biz kart görsellerini hizalama */
.press-card__logo img,
.featured-card img,
.card__media img {
  width: 100%;
  height: 200px;        /* sabit yükseklik */
  object-fit: cover;    /* kutuyu doldur, taşanı kırp */
  border-radius: 12px;  /* köşelerle uyumlu */
  display: block;
}

/* Basında Biz - Kart düzeni */
.press-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.press-card__logo {
  width: 100%;
  height: 180px;              /* yüksekliği sabitle */
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.press-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* görseli kırp ama doldur */
  display: block;
  border-radius: 0;           /* köşelerde kırpılma olmasın */
}

.press-card__body {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.press-card__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.press-card__excerpt {
  flex-grow: 1;
  margin-bottom: 12px;
  color: #555;
  font-size: 0.9rem;
}

.press-card__link {
  margin-top: auto;
}

/* Basında Biz: kart görsellerini üst alana tam sığdır */
.about-press .press-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.about-press .press-card__logo {
  width: 100%;
  height: 220px;              /* görsel yüksekliği (200–260 arası deneyebilirsin) */
  overflow: hidden;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  background: #f7f7fb;        /* görsel geç yüklenirse hoş bir zemin */
}

.about-press .press-card__logo img {
  width: 100% !important;     /* global img kurallarını ez */
  height: 100% !important;    /* ALANI TAM DOLDUR */
  object-fit: cover;          /* kırparak doldur */
  object-position: center;    /* ortadan odakla */
  display: block;
  border-radius: 0 !important;
}

/* Kart gövdesi */
.about-press .press-card__body {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.about-press .press-card__title { margin: 0; line-height: 1.25; }
.about-press .press-card__excerpt { margin: 0; color: #5a5f6a; }

/* Küçük ekranlarda görseli biraz küçült */
@media (max-width: 640px) {
  .about-press .press-card__logo { height: 180px; }
}

/* Basında Biz kartları */
.about-press .press-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: transform 0.2s ease;
}

.about-press .press-card:hover {
  transform: translateY(-4px);
}

.about-press .press-card__logo {
  width: 100%;
  height: 200px;              /* Kart görseli için sabit alan */
  overflow: hidden;
  background: #f7f7f7;
}

.about-press .press-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* Görsel alanı doldursun */
  object-position: center;
  display: block;
}

.about-press .press-card__body {
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about-press .press-card__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.about-press .press-card__excerpt {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 1rem;
  flex-grow: 1;
}

/* Basında Biz kart görselleri */
.about-press .press-card__logo {
  width: 100%;
  height: 180px;          /* Kart üstünde sabit bir yükseklik */
  overflow: hidden;
  background: #f7f7f7;
  border-bottom: 1px solid #eee;
}

.about-press .press-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Görsel çerçeveyi kaplasın */
  object-position: center; /* Ortalayarak kes */
  display: block;
}

.press-card__logo {
  width: 100%;
  height: 220px;          /* Sabit yükseklik veriyoruz */
  overflow: hidden;
}

.press-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* Taşarsa kırp, küçükse büyüt */
  object-position: center;
  display: block;
}

.press-card__logo {
  width: 100%;
  height: 200px;               /* Kart üstündeki görsel yüksekliği */
  background-size: cover;      /* Görseli çerçeveye oturt */
  background-position: center; /* Ortalayarak kırp */
  border-radius: 12px 12px 0 0;
}

/* Basında Biz: görseli kırpmadan sığdır */
.about-press .press-card__logo{
  height: 220px;                /* istersen 200–260 arası oynat */
  background-size: contain;     /* 🔑 KIRPMADAN SĞDIR */
  background-position: center;  /* ortaya hizala */
  background-repeat: no-repeat; /* tekrar etme */
  background-color: #f4f6fb;    /* kenarlarda kalan boşluk için nötr zemin */
  border-radius: 12px 12px 0 0; /* kartın üst köşeleri yuvarlak */
  border-bottom: 1px solid rgba(0,0,0,.06); /* görsel-altyazı ayrımı için ince çizgi */
}

/* ===== Basın arşivi ( /basin ) kart görselleri ==== */
.press-grid .press-card__logo{
  height: 220px;                 /* ihtiyaca göre 200–260px arası oynat */
  background-color: #f4f6fb;     /* letterbox boşluklar için nötr zemin */
  border-bottom: 1px solid rgba(0,0,0,.06);
  border-radius: 12px 12px 0 0;
  overflow: hidden;              /* taşmaları kes */
}

.press-grid .press-card__logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;           
  display: block;
}

/* Tekil haber başlığındaki görsel (isteğe bağlı, daha derli toplu dursun) */
.single-hero__media img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* ===== Press kart görselleri (About + /basin) – aynı davranış ===== */
.press-card__logo{
  height: 200px;              /* 180–220px arası tercihine göre */
  position: relative;
  overflow: hidden;
  background: #f5f7fb;
  border-bottom: 1px solid rgba(0,0,0,.06);
  border-radius: 12px 12px 0 0;
}

.press-card__logo img{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important; /* temadaki olası max-width'i kır */
  object-fit: cover;          /* 🔑 kırparak çerçeveyi TAM doldur */
  object-position: center;    /* merkezden kırp */
  display: block;
}

/* Tekil haber başlığı görseli (isteğe bağlı) */
.single-hero__media{
  height: 320px;              /* istersen 280–380px */
  overflow: hidden;
  border-radius: 12px;
}
.single-hero__media img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ===== Press kart görselleri (background-image + contain) ===== */
.press-card__logo{
  height: 200px;                    /* istersen 180–220px arası oynat */
  border-radius: 12px 12px 0 0;
  background: #f5f7fb;
  border-bottom: 1px solid rgba(0,0,0,.06);
  overflow: hidden;
}

/* background-image ile gelen sürüm */
.press-card__logo.is-bg{
  background-image: var(--press-thumb);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;         /* 🔑 Görsel TAM sığsın, zoom yok */
}

/* Temadaki olası img kurallarını etkisiz bırakmak için (kartlarda img artık yok ama koruma kalsın) */
.press-card__logo img{
  display:none !important;
}

/* Tekil basın içeriği: hero görselini kırpmadan göster */
.single-hero__media {
  /* daha önce verilmiş sabit height/ratio/overflow varsa ezelim */
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: none !important; /* varsa arkaplan iptal */
  border-radius: 16px;          /* mevcut stile uyum */
}

.single-hero__media img {
  display: block;
  width: 100%;
  height: auto !important;      /* sabit yükseklikleri iptal */
  object-fit: contain !important; /* kırpma yok, zoom yok */
  border-radius: 16px; 
}

/* ===== Basın içeriği: görsel ve video boyutları ===== */

/* Ortak içerik kapsayıcıları */
.single-article .prose,
.press-content {
  --media-max-w: 960px;     /* masaüstünde en fazla genişlik */
  --media-max-h: 70vh;      /* ekranın %70'ini geçmesin */
  --media-radius: 14px;
}

/* IMG + FIGURE */
.single-article .prose figure,
.press-content figure {
  margin: 1.25rem auto;
  max-width: var(--media-max-w);
}

.single-article .prose figure img,
.press-content figure img,
.single-article .prose img,
.press-content img {
  display: block;
  width: 100%;
  height: auto;               /* en-boy oranını koru */
  max-height: var(--media-max-h);
  object-fit: contain;        /* kırpma yok, taşma yok */
  border-radius: var(--media-radius);
  background: #f6f7fb;        /* ince bir arka plan */
}

/* FIGCAPTION */
.single-article .prose figure figcaption,
.press-content figure figcaption {
  text-align: center;
  font-size: .9rem;
  color: #6b7280;   /* muted */
  margin-top: .5rem;
}

/* Video: <video> etiketleri */
.single-article .prose video,
.press-content video {
  display: block;
  width: 100%;
  max-width: var(--media-max-w);
  max-height: var(--media-max-h);
  height: auto;               /* doğal oran */
  margin: 1.25rem auto;
  border-radius: var(--media-radius);
  background: #000;
  outline: none;
}

/* YouTube/Vimeo iframe'leri için responsive 16:9 çerçeve */
.single-article .prose .video-embed,
.press-content .video-embed {
  position: relative;
  margin: 1.25rem auto;
  width: 100%;
  max-width: var(--media-max-w);
  aspect-ratio: 16 / 9;
  /* Çok uzun ekranda aşırı yükselmesin */
  max-height: var(--media-max-h);
}

.single-article .prose .video-embed iframe,
.press-content .video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--media-radius);
}

/* Küçük ekran iyileştirmesi */
@media (max-width: 640px) {
  .single-article .prose,
  .press-content {
    --media-max-w: 100%;
    --media-max-h: 55vh; /* mobilde daha sınırlı yükseklik */
  }
}

/* -------------------- MOBİL DÜZENLEMELER -------------------- */
@media (max-width: 768px) {

  /* Header & Logo */
  .site-header {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .site-header .custom-logo {
    max-height: 48px; /* Logo mobilde daha görünür */
    width: auto;
  }

  /* Menü butonu (hamburger) */
  .menu-toggle {
    padding: 10px;
    font-size: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
  }

  /* Hero alanı */
  .hero {
    text-align: center;
    padding: 40px 16px;
  }

  .hero h1 {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  .hero p {
    font-size: 1rem;
    margin-bottom: 20px;
  }

  /* Butonlar alt alta gelsin */
  .hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .hero-buttons .btn {
    width: 100%;
    padding: 14px;
    font-size: 1rem;
    border-radius: 12px;
  }

  /* Hero görseli */
  .hero img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 12px;
  }

  /* Bölümler arası boşluk */
  section {
    padding: 40px 16px;
  }

  /* Kart düzenleri */
  .press-grid {
    grid-template-columns: 1fr; /* Mobilde tek sütun */
    gap: 20px;
  }

  .press-card {
    border-radius: 12px;
  }
}

/* ===== Mobilde LOGO görünürlüğü ve boyutu ===== */
@media (max-width: 768px) {
  /* Header taşıyıcı net olsun */
  .site-header,
  header.site-header,
  .header,
  #masthead {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
  }

  /* Logo kapsayıcı: gizlenmesin, yer kaplasın */
  .site-branding,
  .header__brand,
  .brand,
  .logo,
  .site-logo,
  .custom-logo-link {
    display: flex !important;
    align-items: center;
    min-height: 56px;          /* başlık yüksekliği */
    max-width: 60%;
  }

  /* Logo görseli: görünür ve makul boyutta */
  .custom-logo-link img,
  .site-logo img,
  .logo img,
  .brand img,
  .custom-logo {
    display: block !important;
    height: 44px !important;   /* mobilde net görünür */
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Bazı temalar mobilde markayı gizler – override */
  .site-title,
  .site-branding .site-title {
    display: none;
  }

  /* Menü butonu/ikon alanı sağa yerleşsin */
  .menu-toggle,
  .mobile-menu-toggle,
  .header__toggle,
  .primary-nav-toggle {
    margin-left: auto;
    height: 44px;
    width: 44px;
    display: grid;
    place-items: center;
    border: none;
    background: transparent;
  }
}

/* ===== Mobilde logo görünür kalsın ===== */
@media (max-width: 768px) {
  .brand {
    display: flex !important;
    align-items: center;
    max-width: 60%;
  }

  .brand img.custom-logo {
    display: block !important;
    height: 40px !important;   /* mobil için ideal yükseklik */
    width: auto !important;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
 @media (max-width: 768px) {
  .custom-logo,
  .custom-logo-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 40px;   /* gerekirse 32–48px arası ayarlayabilirsin */
    width: auto;
  }
}

/* === MOBILE-ONLY HEADER FIXES (≤900px) =============================== */
@media (max-width: 900px){

  /* Logo hiçbir koşulda ekran dışına taşmasın */
  #site-header .brand{
    margin-left: 0 !important;   /* negatif margin’i iptal et */
    transform: none !important;
    max-width: 60vw;             /* uzun site adı olursa taşmasın */
    overflow: hidden;
  }

  /* Mobilde logo boyutu */
  #site-header .brand img,
  #site-header .brand svg,
  #site-header .custom-logo{
    height: 40px;                /* mobil yükseklik */
    max-height: 48px;
    width: auto !important;
  }

  /* Header iç boşluk + düzen */
  #site-header .header-inner{
    padding-left: 16px;
    padding-right: 12px;
    justify-content: flex-start; /* logo solda, toggle sağda */
    gap: 12px;
  }

  /* Menü butonu sağa yaslansın */
  .nav-toggle{
    margin-left: auto;
  }

  /* Açılan mobil menü, yeni header yüksekliğini takip etsin */
  .primary-nav{
    top: var(--header-h);
  }
}