/*
Theme Name: Ayşegül Öğretmen
Theme URI: https://aysegulogretmen.com
Description: Premium eğitim platformu teması — glassmorphism kartlar, filtreler, favori ve indirme sistemi.
Version: 1.0.0
Author: Ayşegül Öğretmen
Text Domain: aysegul-tema
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Quicksand:wght@400;500;600;700&display=swap');

/* ═══════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════ */
:root{
  --pink:#ff6b9d;
  --pink-lt:#ffb3cf;
  --purple:#a78bfa;
  --purple-lt:#ddd6fe;
  --blue:#60a5fa;
  --blue-lt:#bfdbfe;
  --mint:#34d399;
  --yellow:#fbbf24;

  --bg:#fdf4ff;
  --card:rgba(255,255,255,.72);
  --card-border:rgba(255,255,255,.9);
  --blur:blur(16px);

  --text:#1e1b4b;
  --text-soft:#6b7280;
  --muted:#9ca3af;

  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;
  --radius-pill:999px;

  --shadow:0 8px 32px rgba(167,139,250,.12);
  --shadow-card:0 4px 24px rgba(167,139,250,.10);
  --shadow-hover:0 16px 48px rgba(167,139,250,.22);

  --font-head:'Nunito',sans-serif;
  --font-body:'Quicksand',sans-serif;
}

/* ═══════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
  position:relative;
}
body::before,body::after{
  content:"";
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
body::before{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(255,107,157,.18),transparent 70%);
  top:-150px;left:-150px;
}
body::after{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(167,139,250,.16),transparent 70%);
  bottom:-100px;right:-100px;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:var(--font-body)}

/* ═══════════════════════════════════════════
   TOPBAR
═══════════════════════════════════════════ */
.topbar-strip{
  background:rgba(255,255,255,.6);
  backdrop-filter:var(--blur);
  border-bottom:1px solid rgba(255,255,255,.7);
  padding:8px 40px;
  display:flex;
  justify-content:flex-end;
  gap:16px;
  position:relative;
  z-index:100;
}
.topbar-strip a{
  font-size:13px;
  font-weight:600;
  color:var(--text-soft);
  transition:color .2s;
}
.topbar-strip a:hover{color:var(--pink)}
.topbar-strip .btn-register{
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff !important;
  padding:6px 18px;
  border-radius:var(--radius-pill);
  font-size:13px;
}

/* ═══════════════════════════════════════════
   HEADER
═══════════════════════════════════════════ */
.site-header{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.82);
  box-shadow:0 8px 30px rgba(167,139,250,.10);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,139,250,.18),transparent);
  pointer-events:none;
}
.header-inner{
  max-width:1280px;
  margin:0 auto;
  padding:14px 28px;
  display:flex;
  align-items:center;
  gap:24px;
}
.site-logo{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.site-logo__icon{
  width:48px;height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  box-shadow:0 10px 22px rgba(255,107,157,.22);
}
.site-logo__text{line-height:1.1}
.site-logo__text strong{
  display:block;
  font-family:var(--font-head);
  font-size:18px;
  font-weight:900;
  letter-spacing:-.2px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.site-logo__text span{
  font-size:12px;
  color:var(--text-soft);
  font-weight:500;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:6px;
}
.site-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:var(--radius-pill);
  font-size:14px;
  font-weight:700;
  color:#4b5563;
  transition:all .22s ease;
}
.site-nav a:hover,
.site-nav a.current-menu-item,
.site-nav .current-menu-item>a{
  color:#7c3aed;
  background:rgba(167,139,250,.12);
  box-shadow:inset 0 0 0 1px rgba(167,139,250,.12);
}
.header-search{
  flex:1;
  max-width:340px;
  position:relative;
  margin-left:auto;
}
.header-search input{
  width:100%;
  height:46px;
  padding:0 16px 0 42px;
  border-radius:var(--radius-pill);
  border:1.5px solid rgba(167,139,250,.16);
  background:rgba(255,255,255,.82);
  color:var(--text);
  font-size:14px;
  transition:all .22s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  outline:none;
}
.header-search input::placeholder{color:#9ca3af}
.header-search input:focus{
  border-color:rgba(124,58,237,.28);
  box-shadow:0 0 0 4px rgba(167,139,250,.12);
  background:rgba(255,255,255,.96);
}
.header-search__icon{
  position:absolute;
  left:15px;top:50%;
  transform:translateY(-50%);
  color:#9ca3af;
  font-size:14px;
  pointer-events:none;
}
.header-profile{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 18px;
  border-radius:var(--radius-pill);
  background:rgba(167,139,250,.10);
  border:1.5px solid rgba(167,139,250,.16);
  color:#7c3aed;
  font-size:14px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(167,139,250,.08);
  transition:all .22s ease;
}
.header-profile:hover{
  transform:translateY(-2px);
  background:rgba(167,139,250,.16);
  box-shadow:0 12px 22px rgba(167,139,250,.14);
}
.site-header .btn-register,
.site-header .header-cta,
.site-header .abonelik-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:var(--radius-pill);
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  color:#fff !important;
  font-size:13px;
  font-weight:800;
  box-shadow:0 12px 24px rgba(168,85,247,.22);
  transition:all .22s ease;
}
.site-header .btn-register:hover,
.site-header .header-cta:hover,
.site-header .abonelik-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(168,85,247,.28);
}

/* ═══════════════════════════════════════════
   HOME HERO
═══════════════════════════════════════════ */
.site-hero{
  position:relative;
  overflow:hidden;
  padding:42px 24px 26px;
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 32%),
    radial-gradient(circle at right center,rgba(167,139,250,.18),transparent 28%),
    linear-gradient(135deg,#fdf4ff 0%,#f8ecff 45%,#fce7f3 100%);
  border-bottom:1px solid rgba(255,255,255,.7);
}
.site-hero__inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:24px;
  position:relative;
  z-index:2;
}
.site-hero__glow{
  position:absolute;
  border-radius:999px;
  filter:blur(70px);
  pointer-events:none;
  opacity:.55;
}
.site-hero__glow--1{
  width:260px;height:260px;
  left:-40px;top:-40px;
  background:rgba(255,107,157,.22);
}
.site-hero__glow--2{
  width:320px;height:320px;
  right:-60px;top:10px;
  background:rgba(167,139,250,.20);
}
.site-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  margin-bottom:12px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 25px rgba(167,139,250,.12);
  color:#7c3aed;
  font-size:12px;
  font-weight:800;
}
.site-hero__title{
  margin:0 0 12px;
  font-size:clamp(34px,4vw,56px);
  line-height:1.05;
  letter-spacing:-1.2px;
}
.site-hero__title span{
  background:linear-gradient(90deg,#a855f7 0%,#ec4899 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.site-hero__desc{
  max-width:560px;
  font-size:16px;
  line-height:1.65;
  color:var(--text-soft);
  margin-bottom:18px;
}
.site-hero__btns{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.site-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:16px;
  font-size:14px;
  font-weight:800;
  transition:all .25s ease;
}
.site-hero__btn.primary{
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  color:#fff;
  box-shadow:0 18px 35px rgba(168,85,247,.26);
}
.site-hero__btn.secondary{
  background:rgba(255,255,255,.72);
  color:#6d28d9;
  border:2px solid rgba(124,58,237,.18);
  box-shadow:0 10px 24px rgba(167,139,250,.12);
}
.site-hero__btn:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 26px rgba(167,139,250,.22);
}
.site-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.site-hero__trust-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.92);
  color:#4b5563;
  font-size:13px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(167,139,250,.10);
}
.site-hero__trust-icon{
  width:22px;height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#34d399,#10b981);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.site-hero__visual{
  position:relative;
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-hero__visual-card{
  width:200px;height:200px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.72));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 22px 60px rgba(167,139,250,.18), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
}
.site-hero__emoji{
  font-size:82px;
  filter:drop-shadow(0 12px 26px rgba(96,165,250,.18));
}
.site-hero__badge{
  position:absolute;
  padding:10px 14px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 30px rgba(17,24,39,.08);
  font-size:12px;
  font-weight:800;
  color:#4c1d95;
  white-space:nowrap;
}
.site-hero__badge.badge1{top:8%;left:10%}
.site-hero__badge.badge2{bottom:16%;left:12%}
.site-hero__badge.badge3{top:18%;right:2%}
.site-hero__badge.badge4{bottom:8%;right:8%}

/* ═══════════════════════════════════════════
   TRUST STATS
═══════════════════════════════════════════ */
.trust-stats{
  max-width:1280px;
  margin:-10px auto 26px;
  padding:0 24px;
  position:relative;
  z-index:5;
}
.trust-stats__inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.trust-stats__item{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.85);
  border-radius:20px;
  padding:18px 14px;
  text-align:center;
  box-shadow:0 14px 30px rgba(167,139,250,.10);
  backdrop-filter:blur(14px);
  transition:all .25s ease;
}
.trust-stats__item:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 36px rgba(167,139,250,.16);
}
.trust-stats__number{
  font-size:24px;
  font-weight:900;
  line-height:1;
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:6px;
}
.trust-stats__label{
  font-size:13px;
  font-weight:700;
  color:#4b5563;
}

/* ═══════════════════════════════════════════
   MEMBERSHIP BENEFITS
═══════════════════════════════════════════ */
.member-benefits{
  padding:0 24px;
  margin-top:0;
  margin-bottom:20px;
}
.member-benefits__inner{
  max-width:1220px;
  margin:0 auto;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  padding:18px 20px;
  box-shadow:0 12px 34px rgba(167,139,250,.10);
  backdrop-filter:blur(10px);
}
.member-benefits__head{
  text-align:center;
  max-width:760px;
  margin:0 auto 12px;
}
.member-benefits__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.85);
  color:#7c3aed;
  font-size:11px;
  font-weight:800;
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.95);
}
.member-benefits__title{
  font-size:clamp(20px,2vw,28px);
  line-height:1.2;
  margin-bottom:6px;
  color:var(--text);
}
.member-benefits__desc{
  font-size:13px;
  line-height:1.6;
  color:var(--text-soft);
}
.member-benefits__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px;
}
.member-benefits__card{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  padding:14px 12px;
  box-shadow:0 10px 24px rgba(167,139,250,.08);
  text-align:center;
  transition:all .25s ease;
}
.member-benefits__card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 30px rgba(167,139,250,.14);
}
.member-benefits__icon{
  width:42px;height:42px;
  margin:0 auto 8px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(255,107,157,.15));
}
.member-benefits__card h3{
  font-size:14px;
  line-height:1.25;
  margin-bottom:4px;
  color:var(--text);
}
.member-benefits__card p{
  font-size:12px;
  line-height:1.5;
  color:var(--text-soft);
}
.member-benefits__cta{
  display:flex;
  justify-content:center;
}
.member-benefits__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:14px;
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 14px 24px rgba(168,85,247,.20);
  transition:all .25s ease;
}
.member-benefits__btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 32px rgba(167,139,250,.22);
}

/* ═══════════════════════════════════════════
   MAIN LAYOUT
═══════════════════════════════════════════ */
.site-main{
  max-width:1280px;
  margin:0 auto;
  padding:24px 40px 60px;
  display:flex;
  gap:28px;
  position:relative;
  z-index:1;
}
.site-sidebar{
  width:260px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.site-content{
  flex:1;
  min-width:0;
  display:block;
}
.cards-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.cards-grid.loading{
  opacity:.5;
  pointer-events:none;
  transition:opacity .2s;
}

/* ═══════════════════════════════════════════
   SIDEBAR
═══════════════════════════════════════════ */
.sidebar-card{
  background:var(--card);
  backdrop-filter:var(--blur);
  border:1.5px solid rgba(167,139,250,.15);
  border-radius:var(--radius-xl);
  padding:20px;
  box-shadow:0 4px 20px rgba(167,139,250,.08);
}
.sidebar-card:hover{
  box-shadow:0 8px 30px rgba(167,139,250,.15);
  transition:box-shadow .3s ease;
}
.sidebar-card__title{
  font-family:var(--font-head);
  font-size:14px;
  font-weight:800;
  color:var(--text);
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:8px;
}
.sidebar-card__title span{font-size:16px}
.filter-all-btn{
  width:100%;
  padding:10px 16px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  border:none;
  border-radius:var(--radius-lg);
  font-family:var(--font-head);
  font-size:14px;
  font-weight:700;
  text-align:left;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  transition:opacity .2s;
}
.filter-all-btn:hover{opacity:.9}
.filter-group{margin-bottom:16px}
.filter-group__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  font-weight:700;
  color:var(--text);
  margin-bottom:8px;
  cursor:pointer;
}
.filter-group__head svg{
  width:16px;height:16px;
  color:var(--muted);
}
.filter-group__body{margin-top:4px}
.filter-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:var(--radius-md);
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  color:inherit;
  transition:background .18s;
}
.filter-item:hover{background:rgba(167,139,250,.08)}
.filter-item.active{
  background:rgba(167,139,250,.12);
  font-weight:700;
}
.filter-item__dot{
  width:10px;height:10px;
  border-radius:50%;
  flex-shrink:0;
}
.filter-item--parent{justify-content:space-between}
.filter-item__label{flex:1}
.filter-item__chevron{
  width:14px;height:14px;
  color:var(--muted);
  transition:transform .25s ease;
  flex-shrink:0;
}
.filter-parent{display:block !important}
.filter-parent.open .filter-item__chevron{transform:rotate(90deg)}
.filter-children{
  display:none !important;
  padding-left:12px;
  border-left:2px solid rgba(167,139,250,.2);
  margin:4px 0 4px 22px;
  overflow:hidden;
}
.filter-parent.open .filter-children{display:block !important}
.filter-item--child{
  font-size:13px;
  padding:6px 10px;
  color:var(--text-soft);
}
.filter-item--child.active{
  color:var(--purple);
  font-weight:700;
}
.fav-panel{
  display:flex;
  gap:10px;
  margin-top:8px;
}
.fav-panel__btn{
  flex:1;
  padding:12px;
  background:rgba(255,107,157,.08);
  border:1.5px solid rgba(255,107,157,.2);
  border-radius:var(--radius-md);
  font-size:18px;
  transition:all .2s;
}
.fav-panel__btn:hover{
  background:rgba(255,107,157,.15);
  transform:scale(1.05);
}

/* ═══════════════════════════════════════════
   CARD
═══════════════════════════════════════════ */
.ao-card{
  background:var(--card);
  backdrop-filter:var(--blur);
  border:1.5px solid var(--card-border);
  border-radius:var(--radius-xl);
  padding:0;
  box-shadow:var(--shadow-card);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  animation:fadeUp .5s ease both;
  position:relative;
  overflow:hidden;
}
.ao-card::before{
  content:"";
  position:absolute;
  width:100px;height:100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,107,157,.15),transparent);
  top:-30px;right:-20px;
  pointer-events:none;
}
.ao-card:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 42px rgba(167,139,250,.18);
  border-color:rgba(167,139,250,.28);
}
.ao-card__linkwrap{
  display:block;
  text-decoration:none;
  color:inherit;
}
.ao-card__media{
  position:relative;
  height:160px;
  overflow:hidden;
  background:linear-gradient(135deg,#f5f3ff 0%,#fdf2f8 100%);
}
.ao-card__img,
.ao-card__img-placeholder{
  width:100%;
  height:100%;
  border-radius:0;
  object-fit:cover;
  transition:transform .45s ease;
}
.ao-card:hover .ao-card__img,
.ao-card:hover .ao-card__img-placeholder{
  transform:scale(1.05);
}
.ao-card__img-placeholder{
  background:linear-gradient(135deg,#f0eeff 0%,#fce4f3 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
}
.ao-card__img-placeholder::before{
  content:"";
  position:absolute;
  width:120%;height:120%;
  background:
    radial-gradient(circle at 30% 40%,rgba(108,99,255,.08) 0%,transparent 60%),
    radial-gradient(circle at 70% 60%,rgba(255,107,157,.08) 0%,transparent 60%);
}
.ao-card__img-placeholder__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(108,99,255,.15);
  position:relative;
  z-index:1;
}
.ao-card__img-placeholder__icon{font-size:1.6rem}
.ao-card__media-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(30,27,75,.20),transparent 55%);
  pointer-events:none;
}
.ao-card__icon{
  position:absolute;
  left:14px;bottom:14px;
  width:46px;height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 8px 18px rgba(17,24,39,.12);
  z-index:2;
}
.ao-card__icon.pink{background:rgba(255,107,157,.12)}
.ao-card__icon.purple{background:rgba(167,139,250,.12)}
.ao-card__icon.blue{background:rgba(96,165,250,.12)}
.ao-card__icon.mint{background:rgba(52,211,153,.12)}
.ao-card__badge{
  position:absolute;
  top:14px;left:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.92);
  color:#7c3aed;
  font-size:11px;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:0 8px 20px rgba(17,24,39,.08);
}
.ao-card__body{padding:16px 18px}
.ao-card__title{
  font-family:var(--font-head);
  font-size:15px;
  line-height:1.45;
  min-height:46px;
  margin-bottom:10px;
  background:linear-gradient(135deg,#1e1b4b,#4c1d95);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.ao-card__excerpt{
  font-size:13px;
  line-height:1.7;
  color:var(--text-soft);
  margin-bottom:14px;
  min-height:44px;
}
.ao-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:14px;
}
.ao-tag{
  font-size:11px;
  font-weight:700;
  padding:4px 12px;
  border-radius:var(--radius-pill);
  letter-spacing:.3px;
}
.ao-tag.pink{background:rgba(255,107,157,.12);color:#e91e8c}
.ao-tag.purple{background:rgba(167,139,250,.15);color:#7c3aed}
.ao-tag.blue{background:rgba(96,165,250,.12);color:#2563eb}
.ao-tag.mint{background:rgba(52,211,153,.12);color:#059669}
.ao-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:2px;
  margin-bottom:0;
  padding:8px 12px;
  font-size:11px;
  font-weight:700;
  color:#6b7280;
  background:rgba(167,139,250,.06);
  border-radius:var(--radius-md);
}
.ao-card__meta .star{color:var(--yellow)}
.ao-card__actions{
  display:flex;
  gap:10px;
  padding:0 18px 18px;
}
.ao-card__btn{
  flex:1;
  min-height:42px;
  padding:9px 8px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(167,139,250,.12),rgba(255,107,157,.08));
  font-size:12px;
  font-weight:800;
  color:var(--purple);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  transition:all .2s;
}
.ao-card__btn:hover{
  background:linear-gradient(135deg,rgba(167,139,250,.25),rgba(255,107,157,.15));
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(167,139,250,.2);
}
.ao-card__btn.fav-btn.active{
  background:rgba(255,107,157,.14);
  color:#e11d8a;
}
.worksheet-mockup{
  width:86px;height:110px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(17,24,39,.10), inset 0 0 0 1px rgba(167,139,250,.08);
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  position:relative;
}
.worksheet-line{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#c4b5fd,#f9a8d4);
}
.worksheet-line.short{width:60%}
.worksheet-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin-top:4px;
}
.worksheet-grid span{
  aspect-ratio:1;
  border-radius:8px;
  background:rgba(167,139,250,.12);
}

/* ═══════════════════════════════════════════
   SIGNUP BANNER
═══════════════════════════════════════════ */
.signup-banner{
  grid-column:1 / -1;
  margin:6px 0 4px;
}
.signup-banner__content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-radius:24px;
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 30%),
    linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);
  color:#fff;
  box-shadow:0 18px 40px rgba(168,85,247,.22);
}
.signup-banner__text h3{
  font-size:21px;
  line-height:1.2;
  margin-bottom:6px;
  color:#fff;
}
.signup-banner__text p{
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,.92);
  max-width:620px;
}
.signup-banner__eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  font-size:11px;
  font-weight:800;
  margin-bottom:10px;
}
.signup-banner__actions{flex-shrink:0}
.signup-banner__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  background:#fff;
  color:#7c3aed;
  font-weight:800;
  box-shadow:0 12px 26px rgba(17,24,39,.12);
  transition:all .22s ease;
}
.signup-banner__btn:hover{transform:translateY(-2px)}

/* ═══════════════════════════════════════════
   EMPTY / SINGLE / FOOTER / UM
═══════════════════════════════════════════ */
.no-result{
  grid-column:1 / -1;
  text-align:center;
  padding:60px 20px;
  background:var(--card);
  border-radius:var(--radius-xl);
  border:1.5px solid var(--card-border);
}
.no-result p{
  font-size:15px;
  color:var(--text-soft);
  margin-top:12px;
}
.ao-single{
  max-width:800px;
  margin:40px auto;
  padding:0 20px;
}
.ao-single__header{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:24px;
}
.ao-card__icon.large{
  width:80px;height:80px;
  font-size:3rem;
}
.ao-single__img{
  width:100%;
  border-radius:16px;
  margin-bottom:24px;
}
.ao-single__content{
  font-size:1.1rem;
  line-height:1.8;
  margin-bottom:32px;
}
.ao-download-btn{
  display:block;
  background:#6c63ff;
  color:#fff;
  text-align:center;
  padding:16px;
  border-radius:12px;
  font-size:1.2rem;
  font-weight:700;
  margin-bottom:16px;
}
.ao-download-btn:hover{background:#574fd6}
.ao-back-btn{
  display:inline-block;
  color:#6c63ff;
  font-weight:600;
}
.ao-no-file{
  color:#999;
  text-align:center;
  margin-bottom:16px;
}
.site-footer{
  background:rgba(255,255,255,.6);
  backdrop-filter:var(--blur);
  border-top:1px solid rgba(255,255,255,.8);
  padding:28px 40px;
  position:relative;
  z-index:1;
}
.footer-inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
}
.footer-nav{
  display:flex;
  gap:24px;
}
.footer-nav a{
  font-size:14px;
  font-weight:500;
  color:var(--text-soft);
  transition:color .2s;
}
.footer-nav a:hover{color:var(--pink)}
.footer-copy{
  font-size:13px;
  color:var(--muted);
  font-weight:500;
}
.um-form .um-button,
.um .um-button{
  background:linear-gradient(135deg,var(--pink),var(--purple)) !important;
  border:none !important;
  border-radius:var(--radius-pill) !important;
  font-family:var(--font-head) !important;
  font-weight:700 !important;
}
.um-field input,
.um-field textarea{
  border-radius:var(--radius-md) !important;
  border-color:rgba(167,139,250,.3) !important;
  font-family:var(--font-body) !important;
}
.um-field input:focus,
.um-field textarea:focus{
  border-color:var(--purple) !important;
  box-shadow:0 0 0 3px rgba(167,139,250,.15) !important;
}
.um-profile-nav{
  background:linear-gradient(135deg,#f8a4c8,#c084fc) !important;
  border-radius:12px !important;
  border:none !important;
}
.um-profile-nav-item a{
  color:#fff !important;
  font-family:var(--font-head) !important;
  font-weight:600 !important;
}
.um-profile-nav-item.active a{
  background:rgba(255,255,255,.25) !important;
  border-radius:8px !important;
  color:#fff !important;
}
.um-cover-add,
.um-profile-photo-overlay{
  border-radius:16px !important;
}
.um-field-label{
  color:var(--text-soft) !important;
  font-family:var(--font-head) !important;
  font-weight:700 !important;
}
.um .um-field-area input,
.um .um-field-area textarea{
  border:1.5px solid var(--card-border) !important;
  border-radius:10px !important;
  background:var(--card) !important;
  color:var(--text) !important;
}
.um-profile-nav-item.um-about-tab a span:last-child{
  visibility:hidden;
  font-size:0;
}
.um-profile-nav-item.um-about-tab a span:last-child::after{
  content:'Hakkımda';
  visibility:visible;
  font-size:14px;
}

/* ═══════════════════════════════════════════
   ANIMATION
═══════════════════════════════════════════ */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media (max-width:1024px){
  .header-inner{
    padding:12px 18px;
    gap:14px;
  }
  .site-nav a{
    padding:0 12px;
    font-size:13px;
  }
  .header-search{max-width:240px}
  .site-logo__text strong{font-size:16px}
  .cards-grid{grid-template-columns:1fr}
}
@media (max-width:991px){
  .site-hero__inner{
    grid-template-columns:1fr;
    gap:24px;
  }
  .site-hero__text{text-align:center}
  .site-hero__desc{
    margin-left:auto;
    margin-right:auto;
  }
  .site-hero__btns,
  .site-hero__trust{
    justify-content:center;
  }
  .site-hero__visual{
    min-height:240px;
  }
  .site-hero__visual-card{
    width:190px;
    height:190px;
  }
  .site-hero__emoji{font-size:82px}
  .trust-stats__inner{grid-template-columns:repeat(2,1fr)}
  .member-benefits__grid{grid-template-columns:1fr}
  .member-benefits__inner{padding:18px 14px}
  .signup-banner__content{
    flex-direction:column;
    align-items:flex-start;
    padding:18px 16px;
  }
  .signup-banner__text h3{font-size:18px}
}
@media (max-width:768px){
  .site-header{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .header-inner{
    padding:12px 14px;
    gap:10px;
  }
  .site-nav,
  .header-search{display:none}
  .site-logo__icon{
    width:42px;height:42px;
    border-radius:14px;
  }
  .site-logo__text strong{font-size:15px}
  .site-logo__text span{font-size:11px}
  .header-profile{
    min-height:40px;
    padding:0 14px;
    font-size:13px;
  }
  .site-main{
    flex-direction:column;
    padding:20px;
  }
  .site-sidebar{
    width:100%;
    position:static;
  }
  .site-footer{padding:20px}
  .footer-inner{
    flex-direction:column;
    text-align:center;
  }
  .topbar-strip{padding:8px 20px}
  .cards-grid{gap:16px}
}
@media (max-width:640px){
  .site-hero{
    padding:40px 18px 30px;
  }
  .site-hero__title{font-size:34px}
  .site-hero__desc{
    font-size:16px;
    line-height:1.65;
  }
  .site-hero__btn{width:100%}
  .site-hero__badge{
    font-size:12px;
    padding:10px 14px;
  }
  .site-hero__badge.badge1{top:2%;left:4%}
  .site-hero__badge.badge2{bottom:10%;left:2%}
  .site-hero__badge.badge3{top:10%;right:0}
  .site-hero__badge.badge4{bottom:0;right:2%}
  .trust-stats__inner{grid-template-columns:1fr}
}
@media (max-width:480px){
  .site-hero__btns{
    flex-direction:row;
    gap:8px;
  }
  .site-hero__btn{
    padding:12px 16px;
    font-size:.85rem;
    flex:1;
    text-align:center;
  }
  .site-main{
    padding:16px;
    gap:16px;
  }
  .cards-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .ao-card__media{height:190px}
  .ao-card__body{padding:16px 16px 12px}
  .ao-card__actions{
    padding:0 16px 16px;
    gap:8px;
  }
}
/* =====================================================
   SINGLE CONTENT PREMIUM
===================================================== */

.ao-single-premium-wrap{
  padding: 28px 24px 60px;
}

.ao-single-premium{
  max-width: 1280px;
  margin: 0 auto;
}

.ao-breadcrumb{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.ao-breadcrumb a{
  color: #7c3aed;
}

.ao-single-hero-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  margin-bottom: 24px;
}

.ao-single-hero-card__main{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 28px;
  padding: 26px;
  box-shadow: 0 18px 40px rgba(167,139,250,0.10);
  backdrop-filter: blur(14px);
}

.ao-single-hero-card__top{
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 16px;
}

.ao-single-hero-card__title-wrap{
  flex: 1;
  min-width: 0;
}

.ao-single-hero-card__eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(167,139,250,0.10);
  color: #7c3aed;
  font-size: 12px;
  font-weight: 800;
}

.ao-single-title{
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.15;
  margin-bottom: 12px;
  color: #1e1b4b;
  font-family: var(--font-head);
  font-weight: 900;
}

.ao-single-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.ao-single-stat{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 18px;
  padding: 14px 12px;
  text-align: center;
  box-shadow: 0 10px 24px rgba(167,139,250,0.08);
}

.ao-single-stat span{
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ao-single-stat strong{
  display: block;
  font-size: 16px;
  color: #1e1b4b;
  font-weight: 800;
  margin-bottom: 4px;
}

.ao-single-stat small{
  display: block;
  font-size: 12px;
  color: #6b7280;
  font-weight: 700;
}

.ao-single-summary{
  margin-top: 8px;
}

.ao-single-summary p{
  font-size: 15px;
  line-height: 1.8;
  color: #6b7280;
}

.ao-download-panel{
  position: sticky;
  top: 110px;
  align-self: start;
  background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,0.72));
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(167,139,250,0.10);
  backdrop-filter: blur(14px);
}

.ao-download-panel__badge{
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(16,185,129,0.10);
  color: #059669;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 14px;
}

.ao-download-panel__count{
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.ao-download-panel__count strong{
  font-size: 30px;
  line-height: 1;
  color: #1e1b4b;
  font-weight: 900;
}

.ao-download-panel__count span{
  margin-top: 6px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 700;
}

.ao-download-btn-premium{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  width: 100%;
  border-radius: 16px;
  background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 16px 30px rgba(168,85,247,0.22);
  transition: all .25s ease;
}

.ao-download-btn-premium:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(168,85,247,0.28);
}

.ao-download-panel__note{
  margin-top: 10px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
}

.ao-download-panel__trust{
  display: grid;
  gap: 8px;
  margin-top: 16px;
  font-size: 13px;
  color: #4b5563;
  font-weight: 700;
}

.ao-no-file-card{
  background: rgba(255,107,157,0.08);
  border: 1px solid rgba(255,107,157,0.18);
  border-radius: 16px;
  padding: 14px;
}

.ao-no-file-card p{
  margin: 0;
  color: #6b7280;
  font-size: 14px;
}

.ao-single-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 20px;
}

.ao-single-main,
.ao-single-side{
  min-width: 0;
}

.ao-single-side{
  display: grid;
  gap: 16px;
  align-self: start;
}

.ao-single-section{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(167,139,250,0.08);
  margin-bottom: 20px;
}

.ao-single-section__head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.ao-single-section__head span{
  font-size: 22px;
}

.ao-single-section__head h2{
  font-size: 22px;
  line-height: 1.2;
  color: #1e1b4b;
  font-family: var(--font-head);
  font-weight: 900;
}

.ao-single__img{
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 16px 36px rgba(17,24,39,0.08);
}

.ao-single__content{
  font-size: 16px;
  line-height: 1.9;
  color: #374151;
}

.ao-single__content p,
.ao-single__content ul,
.ao-single__content ol{
  margin-bottom: 16px;
}

.ao-single__content h2,
.ao-single__content h3,
.ao-single__content h4{
  margin: 24px 0 12px;
  color: #1e1b4b;
  font-family: var(--font-head);
}

.ao-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ao-feature-card{
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 20px;
  padding: 18px 16px;
  box-shadow: 0 10px 22px rgba(167,139,250,0.06);
}

.ao-feature-card__icon{
  font-size: 22px;
  margin-bottom: 10px;
}

.ao-feature-card h3{
  font-size: 16px;
  margin-bottom: 8px;
  color: #1e1b4b;
  font-family: var(--font-head);
}

.ao-feature-card p{
  font-size: 13px;
  line-height: 1.7;
  color: #6b7280;
}

.ao-side-card{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(167,139,250,0.08);
}

.ao-side-card__head{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.ao-side-card__head h3{
  font-size: 16px;
  color: #1e1b4b;
  font-family: var(--font-head);
  font-weight: 900;
}

.ao-side-list{
  list-style: none;
  display: grid;
  gap: 10px;
}

.ao-side-list li{
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
}

.ao-back-btn-premium{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
  border-radius: 14px;
  background: rgba(167,139,250,0.10);
  color: #7c3aed;
  font-weight: 800;
  transition: all .2s ease;
}

.ao-back-btn-premium:hover{
  background: rgba(167,139,250,0.16);
  transform: translateY(-1px);
}

.ao-review-box{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
}

.ao-review-box__title{
  font-weight: 800;
  margin-bottom: 12px;
  color: #1e1b4b;
  font-family: var(--font-head);
}

.ao-yildiz-sec{
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 28px;
  cursor: pointer;
}

.yildiz-btn{
  opacity: .3;
  transition: opacity .2s ease, transform .2s ease;
}

.yildiz-btn.active,
.yildiz-btn:hover{
  opacity: 1;
  transform: scale(1.06);
}

#ao-yorum-text{
  width: 100%;
  padding: 12px;
  border: 1.5px solid rgba(167,139,250,0.18);
  border-radius: 12px;
  background: var(--bg);
  color: var(--text);
  font-size: 15px;
  min-height: 110px;
  box-sizing: border-box;
  resize: vertical;
  font-family: var(--font-body);
  outline: none;
}

#ao-yorum-text:focus{
  border-color: rgba(124,58,237,0.30);
  box-shadow: 0 0 0 4px rgba(167,139,250,0.10);
}

.ao-review-submit{
  margin-top: 12px;
  padding: 11px 24px;
  background: linear-gradient(135deg,#f8a4c8,#c084fc);
  color: #fff;
  font-weight: 800;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 15px;
}

.ao-review-submit:disabled{
  opacity: .7;
  cursor: not-allowed;
}

.ao-review-message{
  margin-top: 10px;
  font-size: 14px;
  display: none;
}

.ao-review-message.success{
  color: green;
}

.ao-review-message.error{
  color: #dc2626;
}

.ao-login-note{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 18px;
  text-align: center;
}

.ao-login-note p{
  margin: 0;
  color: #6b7280;
}

.ao-login-note a{
  color: #7c3aed;
  font-weight: 800;
}

.ao-review-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ao-review-empty{
  color: var(--text-soft);
  text-align: center;
  margin: 0;
}

.ao-review-item{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.92);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(167,139,250,0.06);
}

.ao-review-item__top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.ao-review-item__top strong{
  color: #1e1b4b;
  font-family: var(--font-head);
}

.ao-review-item__top span{
  font-size: 13px;
  color: var(--text-soft);
}

.ao-review-item__stars{
  margin-bottom: 8px;
  font-size: 18px;
}

.ao-review-item p{
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.7;
}

.ao-related-section .cards-grid{
  margin-top: 8px;
}

@media (max-width: 1100px){
  .ao-single-hero-card{
    grid-template-columns: 1fr;
  }

  .ao-download-panel{
    position: static;
  }

  .ao-single-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px){
  .ao-single-stats{
    grid-template-columns: 1fr;
  }

  .ao-feature-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .ao-single-premium-wrap{
    padding: 20px 16px 40px;
  }

  .ao-single-hero-card__top{
    flex-direction: column;
  }

  .ao-single-hero-card__main,
  .ao-single-section,
  .ao-download-panel{
    padding: 18px;
    border-radius: 22px;
  }

  .ao-single-title{
    font-size: 28px;
  }

  .ao-review-item__top{
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ===================================
   CATEGORY / TAXONOMY ARCHIVE STYLING
=================================== */

.category-archive-page{
    max-width:1400px;
    margin:0 auto;
    padding:60px 24px 100px;
}

.category-archive-hero{
    background:#fff;
    border-radius:28px;
    padding:42px;
    margin-bottom:36px;
    box-shadow:0 10px 40px rgba(140,100,255,.08);
}

.category-archive-hero h1{
    font-size:42px;
    margin:14px 0 14px;
    color:#231942;
    font-weight:800;
}

.category-archive-hero p{
    font-size:16px;
    color:#6b6680;
    line-height:1.8;
    max-width:760px;
}

.card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:28px;
}

.activity-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(140,100,255,.08);
    transition:.25s ease;
}

.activity-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 40px rgba(140,100,255,.14);
}

.activity-cover{
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:16/10;
    background:linear-gradient(135deg,#f5f0ff 0%,#fdf6ff 100%);
    overflow:hidden;
    position:relative;
}

.activity-cover img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    padding:18px;
}

.activity-body{
    padding:22px;
}

.activity-body h2{
    font-size:20px;
    margin-bottom:12px;
    line-height:1.4;
}

.activity-body h2 a{
    color:#231942;
    text-decoration:none;
}

.activity-body p{
    font-size:14px;
    color:#6b6680;
    line-height:1.7;
}

.pagination-wrap{
    margin-top:50px;
    display:flex;
    justify-content:center;
}

@media(max-width:768px){

    .category-archive-page{
        padding:30px 16px 70px;
    }

    .category-archive-hero{
        padding:28px;
    }

    .category-archive-hero h1{
        font-size:30px;
    }

    .card-grid{
        grid-template-columns:1fr;
    }

}
.activity-cover__placeholder{
    font-size:64px;
    line-height:1;
    opacity:.9;
}
.activity-card{
    display:flex;
    flex-direction:column;
}

.activity-body{
    min-height:110px;
}
/* TAXONOMY ARCHIVE + HOMEPAGE CARD SYSTEM */
.category-archive-page .cards-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.category-archive-page .pagination-wrap{
    margin-top:40px;
    display:flex;
    justify-content:center;
}

@media (max-width: 991px){
    .category-archive-page .cards-grid{
        grid-template-columns:1fr;
    }
}
/* TAXONOMY LAYOUT WITH SIDEBAR */
.taxonomy-layout{
    align-items:flex-start;
}

.taxonomy-layout .site-sidebar{
    width:260px;
    flex-shrink:0;
}

.taxonomy-layout .site-content{
    flex:1;
    min-width:0;
}

.category-archive-page .cards-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.category-archive-page .pagination-wrap{
    margin-top:40px;
    display:flex;
    justify-content:center;
}

@media (max-width: 991px){
    .taxonomy-layout{
        flex-direction:column;
    }

    .taxonomy-layout .site-sidebar{
        width:100%;
    }

    .category-archive-page .cards-grid{
        grid-template-columns:1fr;
    }
}
/* TAXONOMY SIDEBAR EXTRA */
.taxonomy-layout{
  align-items:flex-start;
}

.taxonomy-layout .site-sidebar{
  width:260px;
  flex-shrink:0;
}

.taxonomy-layout .site-content{
  flex:1;
  min-width:0;
}

@media (max-width:991px){
  .taxonomy-layout{
    flex-direction:column;
  }

  .taxonomy-layout .site-sidebar{
    width:100%;
  }
}
/* TAXONOMY ARCHIVE TOOLBAR */
.archive-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 24px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(167,139,250,.08);
  backdrop-filter:blur(10px);
}

.archive-toolbar__left{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.archive-toolbar__item{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(167,139,250,.08);
  color:#4b5563;
  font-size:13px;
  font-weight:700;
}

.archive-toolbar__item strong{
  color:#1e1b4b;
  margin:0 4px;
}

.archive-toolbar__right{
  flex-shrink:0;
}

.archive-toolbar__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(168,85,247,.18);
  transition:all .22s ease;
}

.archive-toolbar__link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(168,85,247,.24);
}

@media (max-width:991px){
  .archive-toolbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .archive-toolbar__right{
    width:100%;
  }

  .archive-toolbar__link{
    width:100%;
  }
}
/* ===================================
   BLOG ARCHIVE PAGE
=================================== */

.blog-archive-page{
  max-width:1280px;
  margin:0 auto;
  padding:48px 24px 80px;
}

.blog-archive-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:32px;
  margin-bottom:28px;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(167,139,250,.08);
  backdrop-filter:blur(12px);
}

.blog-archive-hero__content{
  max-width:760px;
}

.blog-archive-hero h1{
  font-size:42px;
  line-height:1.1;
  margin:12px 0 14px;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-archive-hero p{
  font-size:16px;
  line-height:1.8;
  color:#6b7280;
  margin:0;
}

.blog-archive-hero__meta{
  flex-shrink:0;
}

.blog-cards-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}

.blog-cards-grid .ao-card{
  max-width:none;
}

.blog-archive-page .pagination-wrap{
  margin-top:40px;
  display:flex;
  justify-content:center;
}

@media (max-width: 991px){
  .blog-archive-hero{
    flex-direction:column;
    padding:24px;
  }

  .blog-archive-hero h1{
    font-size:32px;
  }

  .blog-archive-page{
    padding:32px 16px 60px;
  }
}
/* ===================================
   BLOG CARD
=================================== */

.blog-cards-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}

.blog-card{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  overflow:hidden;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 16px 34px rgba(167,139,250,.08);
  backdrop-filter:blur(12px);
  transition:transform .25s ease, box-shadow .25s ease;
}

.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 42px rgba(167,139,250,.14);
}

.blog-card__media{
  display:block;
  min-height:100%;
  background:linear-gradient(135deg,#f5f0ff 0%,#fdf6ff 100%);
}

.blog-card__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.blog-card__placeholder{
  width:100%;
  height:100%;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:72px;
  color:#7c3aed;
  background:linear-gradient(135deg,#f5f0ff 0%,#fdf6ff 100%);
}

.blog-card__body{
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.blog-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
  color:#6b7280;
}

.blog-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.25;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-card__title a{
  color:#1e1b4b;
  text-decoration:none;
}

.blog-card__excerpt{
  margin:0;
  font-size:15px;
  line-height:1.9;
  color:#4b5563;
}

.blog-card__footer{
  margin-top:20px;
}

.blog-card__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(167,139,250,.10);
  color:#7c3aed;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:all .22s ease;
}

.blog-card__link:hover{
  background:rgba(167,139,250,.18);
  transform:translateY(-1px);
}

@media (max-width: 991px){
  .blog-card{
    grid-template-columns:1fr;
  }

  .blog-card__placeholder{
    min-height:220px;
  }

  .blog-card__title{
    font-size:24px;
  }
}
/* ===================================
   BLOG SINGLE PAGE
=================================== */

.blog-single-page{
  padding:48px 24px 80px;
}

.blog-single-wrap{
  max-width:1280px;
  margin:0 auto;
}

.blog-single-breadcrumb{
  margin-bottom:20px;
}

.blog-single-hero{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:28px;
  padding:34px;
  box-shadow:0 16px 36px rgba(167,139,250,.08);
  backdrop-filter:blur(12px);
  margin-bottom:24px;
}

.blog-single-hero__content{
  max-width:860px;
}

.blog-single-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
  color:#6b7280;
}

.blog-single-title{
  margin:0 0 14px;
  font-size:clamp(32px,4vw,52px);
  line-height:1.1;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-single-excerpt{
  margin:0;
  font-size:17px;
  line-height:1.85;
  color:#6b7280;
  max-width:860px;
}

.blog-single-cover-wrap{
  margin-bottom:24px;
}

.blog-single-cover{
  width:100%;
  border-radius:28px;
  display:block;
  box-shadow:0 16px 34px rgba(17,24,39,.08);
}

.blog-single-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:start;
}

.blog-single-content-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:28px;
  padding:32px;
  box-shadow:0 14px 34px rgba(167,139,250,.08);
  backdrop-filter:blur(12px);
}

.blog-single-content{
  color:#374151;
  font-size:16px;
  line-height:1.95;
}

.blog-single-content p,
.blog-single-content ul,
.blog-single-content ol{
  margin-bottom:18px;
}

.blog-single-content h2,
.blog-single-content h3,
.blog-single-content h4{
  margin:26px 0 14px;
  color:#1e1b4b;
  font-family:var(--font-head);
  line-height:1.3;
}

.blog-single-content a{
  color:#7c3aed;
  font-weight:700;
}

.blog-single-sidebar{
  display:grid;
  gap:16px;
  position:sticky;
  top:110px;
}

.blog-side-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  padding:20px;
  box-shadow:0 12px 28px rgba(167,139,250,.08);
  backdrop-filter:blur(10px);
}

.blog-side-card h3{
  margin:0 0 12px;
  font-size:18px;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-side-list{
  list-style:none;
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
}

.blog-side-list li{
  font-size:14px;
  line-height:1.7;
  color:#4b5563;
}

.blog-side-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(167,139,250,.10);
  color:#7c3aed;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:all .22s ease;
}

.blog-side-btn:hover{
  background:rgba(167,139,250,.18);
  transform:translateY(-1px);
}

.blog-related{
  margin-top:28px;
}

.blog-related__head{
  margin-bottom:18px;
}

.blog-related__head h2{
  margin:0 0 8px;
  font-size:28px;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-related__head p{
  margin:0;
  color:#6b7280;
  font-size:15px;
}

@media (max-width: 991px){
  .blog-single-layout{
    grid-template-columns:1fr;
  }

  .blog-single-sidebar{
    position:static;
  }

  .blog-single-page{
    padding:32px 16px 60px;
  }

  .blog-single-hero,
  .blog-single-content-card{
    padding:24px;
  }
}
/* BLOG WITH SIDEBAR */
.blog-archive-page .taxonomy-layout{
  align-items:flex-start;
}

.blog-archive-page .site-sidebar{
  width:260px;
  flex-shrink:0;
}

.blog-archive-page .site-content{
  flex:1;
  min-width:0;
}

@media (max-width:991px){
  .blog-archive-page .taxonomy-layout{
    flex-direction:column;
  }

  .blog-archive-page .site-sidebar{
    width:100%;
  }
}
.blog-archive-page .filter-parent{
  display:block;
}

.blog-archive-page .filter-item--parent{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.blog-archive-page .filter-item__label{
  flex:1;
}

.blog-archive-page .filter-item__chevron{
  width:14px;
  height:14px;
  color:#9ca3af;
  transition:transform .25s ease;
  flex-shrink:0;
}

.blog-archive-page .filter-children{
  display:none;
  padding-left:12px;
  border-left:2px solid rgba(167,139,250,.2);
  margin:6px 0 6px 22px;
}

.blog-archive-page .filter-parent.open .filter-children{
  display:block;
}

.blog-archive-page .filter-parent.open .filter-item__chevron{
  transform:rotate(90deg);
}

.blog-archive-page .filter-item--child{
  font-size:13px;
  padding:6px 10px;
  color:#6b7280;
}

.blog-archive-page .filter-item--child.active{
  color:#7c3aed;
  font-weight:700;
}
/* BLOG SIDEBAR EXTRA */
.blog-mini-item{
  padding:10px 0;
  border-bottom:1px solid rgba(167,139,250,.1);
}

.blog-mini-item:last-child{
  border-bottom:none;
}

.blog-mini-item__title{
  display:block;
  color:#1e1b4b;
  font-size:13px;
  font-weight:800;
  line-height:1.45;
  text-decoration:none;
}

.blog-mini-item__meta{
  margin-top:4px;
  font-size:11px;
  color:#9ca3af;
}

/* BLOG CARD BADGES */
.blog-card__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}

.blog-card__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(167,139,250,.10);
  color:#7c3aed;
  font-size:12px;
  font-weight:800;
}

/* BLOG COMMENTS */
.blog-comments-box{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(167,139,250,.12);
}

.blog-comments-box__head{
  margin-bottom:18px;
}

.blog-comments-box__head h2{
  margin:0;
  font-size:28px;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-comments-box .comment-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
}

.blog-comments-box .comment{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:20px;
  padding:18px;
  box-shadow:0 10px 24px rgba(167,139,250,.06);
}

.blog-comments-box .comment-author{
  font-weight:800;
  color:#1e1b4b;
}

.blog-comments-box .comment-meta{
  margin:6px 0 10px;
  font-size:12px;
  color:#9ca3af;
}

.blog-comments-box .comment-meta a{
  color:#9ca3af;
  text-decoration:none;
}

.blog-comments-box .comment-content{
  color:#4b5563;
  line-height:1.8;
  font-size:15px;
}

.blog-comments-box .comment-respond{
  margin-top:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  padding:22px;
}

.blog-comments-box .comment-reply-title{
  margin:0 0 14px;
  font-size:22px;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.blog-comments-box textarea,
.blog-comments-box input[type="text"],
.blog-comments-box input[type="email"],
.blog-comments-box input[type="url"]{
  width:100%;
  padding:12px 14px;
  border:1.5px solid rgba(167,139,250,.18);
  border-radius:14px;
  background:#fff;
  font-size:14px;
  color:#374151;
  box-sizing:border-box;
}

.blog-comments-box textarea{
  min-height:140px;
  resize:vertical;
}

.blog-comments-box .submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(168,85,247,.18);
}
/* ===================================
   USER PERSONALIZED SECTIONS
=================================== */

.user-personalized{
  padding:8px 0 28px;
}

.user-personalized__inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  gap:28px;
}

.user-personalized__section{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  padding:24px;
  box-shadow:0 12px 30px rgba(167,139,250,.06);
  backdrop-filter:blur(10px);
}

.user-personalized__head{
  margin-bottom:18px;
}

.user-personalized__head h2{
  margin:0 0 6px;
  font-size:30px;
  line-height:1.2;
  color:#1e1b4b;
  font-family:var(--font-head);
  font-weight:900;
}

.user-personalized__head p{
  margin:0;
  color:#6b7280;
  font-size:15px;
  line-height:1.7;
}

.user-personalized .cards-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

@media (max-width: 991px){
  .user-personalized .cards-grid{
    grid-template-columns:1fr;
  }

  .user-personalized__section{
    padding:18px;
    border-radius:22px;
  }

  .user-personalized__head h2{
    font-size:24px;
  }
}
/* ===================================
   HOMEPAGE MINI CARD OVERRIDE
   Sana Önerilenler / Yeni Eklenenler
=================================== */

/* bölüm kutularını biraz daha kompakt yap */
.site-content > section,
.site-content .content-section,
.site-content .homepage-section,
.site-content .home-section {
  margin-bottom: 20px;
}

/* başlık alanı daha sıkı */
.site-content > section h2,
.site-content .content-section h2,
.site-content .homepage-section h2,
.site-content .home-section h2 {
  font-size: 32px;
  line-height: 1.15;
  margin-bottom: 6px;
}

.site-content > section p,
.site-content .content-section p,
.site-content .homepage-section p,
.site-content .home-section p {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 14px;
  color: var(--text-soft);
}

/* grid daha sıkı olsun */
.site-content .cards-grid {
  gap: 16px !important;
}

/* kartı küçült */
.site-content .ao-card {
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(167,139,250,.08);
}

.site-content .ao-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(167,139,250,.14);
}

/* görsel alanını küçült */
.site-content .ao-card__media {
  height: 120px !important;
}

/* placeholder ve iç ikon daha küçük */
.site-content .ao-card__img-placeholder__inner {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.site-content .worksheet-mockup {
  width: 70px;
  height: 90px;
  padding: 10px;
  border-radius: 12px;
  gap: 6px;
}

/* badge ve ikon daha minimal */
.site-content .ao-card__badge {
  top: 10px;
  left: 10px;
  padding: 5px 9px;
  font-size: 10px;
  border-radius: 999px;
}

.site-content .ao-card__icon {
  left: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  font-size: 16px;
}

/* body alanını sıkıştır */
.site-content .ao-card__body {
  padding: 12px 14px 10px !important;
}

/* başlık daha kompakt */
.site-content .ao-card__title {
  font-size: 14px !important;
  line-height: 1.35 !important;
  min-height: 38px !important;
  margin-bottom: 8px !important;
}

/* özet varsa kısalt */
.site-content .ao-card__excerpt {
  font-size: 12px;
  line-height: 1.55;
  min-height: 34px;
  margin-bottom: 10px;
}

/* etiketler küçülsün */
.site-content .ao-card__tags {
  gap: 5px;
  margin-bottom: 10px;
}

.site-content .ao-tag {
  font-size: 10px;
  padding: 4px 9px;
}

/* meta satırı sıkı */
.site-content .ao-card__meta {
  gap: 8px;
  padding: 6px 10px;
  font-size: 10px;
  border-radius: 10px;
}

/* buton alanı küçült */
.site-content .ao-card__actions {
  gap: 8px !important;
  padding: 0 14px 14px !important;
}

.site-content .ao-card__btn {
  min-height: 34px !important;
  padding: 7px 8px !important;
  font-size: 11px !important;
  border-radius: 10px !important;
  gap: 4px;
}

/* önerilenler ve yeni eklenenlerde aynı ekranda daha fazla kart hissi için */
@media (min-width: 1200px) {
  .site-content .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
  }
}

/* tablet */
@media (max-width: 991px) {
  .site-content > section h2,
  .site-content .content-section h2,
  .site-content .homepage-section h2,
  .site-content .home-section h2 {
    font-size: 26px;
  }

  .site-content .ao-card__media {
    height: 110px !important;
  }

  .site-content .ao-card__title {
    font-size: 14px !important;
    min-height: auto !important;
  }
}

/* mobil */
@media (max-width: 640px) {
  .site-content .cards-grid {
    gap: 12px !important;
  }

  .site-content .ao-card {
    border-radius: 18px;
  }

  .site-content .ao-card__media {
    height: 105px !important;
  }

  .site-content .ao-card__body {
    padding: 11px 12px 9px !important;
  }

  .site-content .ao-card__title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 7px !important;
  }

  .site-content .ao-card__excerpt {
    display: none;
  }

  .site-content .ao-card__tags {
    margin-bottom: 8px;
  }

  .site-content .ao-card__meta {
    padding: 6px 8px;
    font-size: 10px;
  }

  .site-content .ao-card__actions {
    padding: 0 12px 12px !important;
  }

  .site-content .ao-card__btn {
    min-height: 32px !important;
    font-size: 10px !important;
  }
}
/* ===================================
   HOMEPAGE CARD COMPACT OVERRIDE
   Sana Önerilenler / Yeni Eklenenler
=================================== */

.site-content .cards-grid{
  gap:16px !important;
}

.site-content .ao-card{
  height:auto;
  border-radius:20px;
  box-shadow:0 8px 22px rgba(167,139,250,.08);
}

.site-content .ao-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(167,139,250,.14);
}

.site-content .ao-card__media{
  height:105px !important;
}

.site-content .ao-card__img-placeholder__inner{
  width:38px;
  height:38px;
  border-radius:10px;
}

.site-content .worksheet-mockup{
  width:62px !important;
  height:78px !important;
  padding:8px !important;
  border-radius:12px;
  gap:6px;
}

.site-content .ao-card__badge{
  top:10px;
  left:10px;
  padding:4px 8px !important;
  font-size:9px !important;
}

.site-content .ao-card__icon{
  left:10px;
  bottom:10px;
  width:30px !important;
  height:30px !important;
  font-size:13px !important;
  border-radius:10px !important;
}

.site-content .ao-card__body{
  padding:10px 12px 8px !important;
}

.site-content .ao-card__title{
  font-size:14px !important;
  line-height:1.35 !important;
  min-height:auto !important;
  margin-bottom:6px !important;
}

.site-content .ao-card__excerpt{
  display:none !important;
}

.site-content .ao-card__tags{
  margin-bottom:8px !important;
  gap:4px !important;
}

.site-content .ao-tag{
  font-size:10px;
  padding:4px 9px;
}

.site-content .ao-card__meta{
  padding:5px 8px !important;
  font-size:10px !important;
  margin-bottom:8px !important;
  gap:8px;
}

.site-content .ao-card__actions{
  padding:0 12px 12px !important;
  gap:6px !important;
}

.site-content .ao-card__btn{
  min-height:30px !important;
  font-size:10px !important;
  border-radius:8px !important;
}

@media (max-width:991px){
  .site-content .ao-card__media{
    height:110px !important;
  }
}

@media (max-width:640px){
  .site-content .cards-grid{
    gap:12px !important;
  }

  .site-content .ao-card{
    border-radius:18px;
  }

  .site-content .ao-card__media{
    height:100px !important;
  }

  .site-content .ao-card__body{
    padding:10px !important;
  }

  .site-content .ao-card__title{
    font-size:13px !important;
  }

  .site-content .ao-card__btn{
    min-height:28px !important;
    font-size:9px !important;
  }
}
/* ===================================
   HOMEPAGE CARD COMPACT OVERRIDE
   Sana Önerilenler / Yeni Eklenenler
=================================== */

.site-content .cards-grid {
  gap: 16px !important;
}

.site-content .ao-card {
  height: auto;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(167, 139, 250, 0.08);
}

.site-content .ao-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(167, 139, 250, 0.14);
}

.site-content .ao-card__media {
  height: 105px !important;
}

.site-content .ao-card__img-placeholder__inner {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.site-content .worksheet-mockup {
  width: 62px !important;
  height: 78px !important;
  padding: 8px !important;
  border-radius: 12px;
  gap: 6px;
}

.site-content .ao-card__badge {
  top: 10px;
  left: 10px;
  padding: 4px 8px !important;
  font-size: 9px !important;
}

.site-content .ao-card__icon {
  left: 10px;
  bottom: 10px;
  width: 30px !important;
  height: 30px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
}

.site-content .ao-card__body {
  padding: 10px 12px 8px !important;
}

.site-content .ao-card__title {
  font-size: 14px !important;
  line-height: 1.35 !important;
  min-height: auto !important;
  margin-bottom: 6px !important;
}

.site-content .ao-card__excerpt {
  display: none !important;
}

.site-content .ao-card__tags {
  margin-bottom: 8px !important;
  gap: 4px !important;
}

.site-content .ao-tag {
  font-size: 10px;
  padding: 4px 9px;
}

.site-content .ao-card__meta {
  padding: 5px 8px !important;
  font-size: 10px !important;
  margin-bottom: 8px !important;
  gap: 8px;
}

.site-content .ao-card__actions {
  padding: 0 12px 12px !important;
  gap: 6px !important;
}

.site-content .ao-card__btn {
  min-height: 30px !important;
  font-size: 10px !important;
  border-radius: 8px !important;
}

@media (max-width: 991px) {
  .site-content .ao-card__media {
    height: 110px !important;
  }
}

@media (max-width: 640px) {
  .site-content .cards-grid {
    gap: 12px !important;
  }

  .site-content .ao-card {
    border-radius: 18px;
  }

  .site-content .ao-card__media {
    height: 100px !important;
  }

  .site-content .ao-card__body {
    padding: 10px !important;
  }

  .site-content .ao-card__title {
    font-size: 13px !important;
  }

  .site-content .ao-card__btn {
    min-height: 28px !important;
    font-size: 9px !important;
  }
}
/* Çalışma Kağıtları Sayfası Container Genişletme */
.worksheet-archive-page,
.worksheet-archive-wrapper,
.archive-page-wrapper,
.tax-worksheet_category .site-content,
.post-type-archive-worksheet .site-content {
    max-width: 1320px !important;
    width: 100%;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* ===================================
   ÇALIŞMA KAĞITLARI SAYFASI
   Genişlik + yerleşim düzeni
=================================== */

.worksheet-archive-page,
.worksheet-archive-wrapper,
.archive-page-wrapper,
.post-type-archive-worksheet .site-main,
.post-type-archive-worksheet .site-content,
.tax-worksheet_category .site-main,
.tax-worksheet_category .site-content,
.taxonomy-layout{
  max-width:1320px !important;
  width:100%;
  margin:0 auto;
}

.post-type-archive-worksheet .site-main,
.tax-worksheet_category .site-main,
.taxonomy-layout{
  gap:32px;
  align-items:flex-start;
}

.post-type-archive-worksheet .site-content,
.tax-worksheet_category .site-content{
  min-width:0;
}

.post-type-archive-worksheet .site-sidebar,
.tax-worksheet_category .site-sidebar,
.taxonomy-layout .site-sidebar{
  width:280px;
  flex:0 0 280px;
}

.post-type-archive-worksheet .site-content .cards-grid,
.tax-worksheet_category .site-content .cards-grid,
.taxonomy-layout .site-content .cards-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}

.post-type-archive-worksheet .category-archive-page,
.tax-worksheet_category .category-archive-page{
  max-width:none;
  width:100%;
  padding:36px 0 80px;
}

.post-type-archive-worksheet .category-archive-hero,
.tax-worksheet_category .category-archive-hero,
.post-type-archive-worksheet .archive-hero,
.tax-worksheet_category .archive-hero,
.post-type-archive-worksheet .worksheet-hero,
.tax-worksheet_category .worksheet-hero{
  max-width:none;
  width:100%;
  padding:34px 36px;
  margin-bottom:28px;
  border-radius:28px;
}

.post-type-archive-worksheet .archive-toolbar,
.tax-worksheet_category .archive-toolbar{
  margin-bottom:20px;
}

@media (max-width:1100px){
  .post-type-archive-worksheet .site-main,
  .tax-worksheet_category .site-main,
  .taxonomy-layout{
    gap:24px;
  }

  .post-type-archive-worksheet .site-sidebar,
  .tax-worksheet_category .site-sidebar,
  .taxonomy-layout .site-sidebar{
    width:250px;
    flex:0 0 250px;
  }

  .post-type-archive-worksheet .site-content .cards-grid,
  .tax-worksheet_category .site-content .cards-grid,
  .taxonomy-layout .site-content .cards-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }
}

@media (max-width:991px){
  .post-type-archive-worksheet .site-main,
  .tax-worksheet_category .site-main,
  .taxonomy-layout{
    flex-direction:column;
  }

  .post-type-archive-worksheet .site-sidebar,
  .tax-worksheet_category .site-sidebar,
  .taxonomy-layout .site-sidebar{
    width:100%;
    flex:1 1 auto;
  }

  .post-type-archive-worksheet .category-archive-page,
  .tax-worksheet_category .category-archive-page{
    padding:28px 0 64px;
  }

  .post-type-archive-worksheet .category-archive-hero,
  .tax-worksheet_category .category-archive-hero,
  .post-type-archive-worksheet .archive-hero,
  .tax-worksheet_category .archive-hero,
  .post-type-archive-worksheet .worksheet-hero,
  .tax-worksheet_category .worksheet-hero{
    padding:26px 24px;
    border-radius:24px;
  }
}

@media (max-width:640px){
  .post-type-archive-worksheet .site-main,
  .tax-worksheet_category .site-main{
    padding:20px 16px 48px;
  }

  .post-type-archive-worksheet .site-content .cards-grid,
  .tax-worksheet_category .site-content .cards-grid,
  .taxonomy-layout .site-content .cards-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .post-type-archive-worksheet .category-archive-page,
  .tax-worksheet_category .category-archive-page{
    padding:20px 0 48px;
  }

  .post-type-archive-worksheet .category-archive-hero,
  .tax-worksheet_category .category-archive-hero,
  .post-type-archive-worksheet .archive-hero,
  .tax-worksheet_category .archive-hero,
  .post-type-archive-worksheet .worksheet-hero,
  .tax-worksheet_category .worksheet-hero{
    padding:22px 18px;
  }
}
/* Popüler / Favoriler sidebar tıklama sorunu düzeltme */
.site-sidebar,
.sidebar-card,
.popular-widget,
.favorites-widget {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}

/* İçerik veya üst katmanların sidebar üstüne binmesini engelle */
.site-content,
.taxonomy-layout .site-content,
.category-archive-page,
.archive-toolbar,
.signup-banner,
.ao-card,
.site-hero,
.site-hero::before,
.site-hero::after {
  position: relative;
  z-index: 1;
}

/* Sidebar içindeki linklerin tıklanmasını garanti altına al */
.site-sidebar a,
.sidebar-card a,
.popular-widget a,
.favorites-widget a {
  position: relative;
  z-index: 25;
  pointer-events: auto;
}

/* Header çok aşağı taşıyorsa sidebar üstünü kapatmasın */
.site-header {
  z-index: 50;
}

.site-main,
.taxonomy-layout {
  position: relative;
  z-index: 2;
}
.sidebar-card::before,
.sidebar-card::after,
.site-sidebar::before,
.site-sidebar::after {
  pointer-events: none !important;
}
.site-sidebar{
  position:relative;
  z-index:30;
}

.site-sidebar *{
  pointer-events:auto;
}

.site-content{
  position:relative;
  z-index:1;
}
/* ===================================
   SIDEBAR CLICK FIX
   Popüler / Favoriler Tıklama Sorunu
=================================== */

/* Sidebar ana katman */
.site-sidebar,
.archive-sidebar,
.taxonomy-sidebar,
.worksheet-sidebar {
    position: relative;
    z-index: 30;
    pointer-events: auto;
}

/* Sidebar kartları */
.sidebar-card,
.popular-widget,
.favorites-widget,
.widget-popular,
.widget-favorites {
    position: relative;
    z-index: 31;
    pointer-events: auto;
}

/* Sidebar linkleri */
.site-sidebar a,
.archive-sidebar a,
.taxonomy-sidebar a,
.worksheet-sidebar a,
.sidebar-card a,
.popular-widget a,
.favorites-widget a {
    position: relative;
    z-index: 35;
    pointer-events: auto;
}

/* Pseudo elementler tıklamayı engellemesin */
.site-sidebar::before,
.site-sidebar::after,
.archive-sidebar::before,
.archive-sidebar::after,
.sidebar-card::before,
.sidebar-card::after {
    pointer-events: none !important;
}

/* İçerik katmanlarını sidebar altına al */
.site-content,
.archive-content,
.taxonomy-content,
.worksheet-content,
.archive-grid,
.cards-grid,
.signup-banner,
.archive-hero,
.worksheet-hero {
    position: relative;
    z-index: 1;
}

/* Header kendi üstünde kalsın ama sidebarı bozmasın */
.site-header {
    position: relative;
    z-index: 50;
}
/* ===================================
   COOKIE / MODAL OVERLAY CLICK FIX
=================================== */

/* Görünmeyen modal / overlay tıklamayı engellemesin */
#one-modal[style*="display:none"],
.cookieadmin_cookie_modal[style*="display:none"],
.cookieadmin_cookie_modal.hidden,
.cookieadmin_cookie_modal.is-hidden {
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Genel cookie modal kapalıysa tıklama almasın */
.cookieadmin_cookie_modal {
    pointer-events: none;
}

/* Açık olduğunda tekrar aktif olsun */
.cookieadmin_cookie_modal.active,
.cookieadmin_cookie_modal.show,
.cookieadmin_cookie_modal[style*="display: block"] {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}