.fzy-wrap{
    --sari:#f9b233; --sari2:#e89c1c; --antrasit:#2b2d31; --gri:#6c7079;
    --bg:#f6f7fb; --kart:#ffffff;


    padding:70px 18px 74px; box-sizing:border-box; position:relative; overflow:hidden;
  }
  .fzy-wrap *{box-sizing:border-box}
  .fzy-inner{max-width:1200px; margin:0 auto; position:relative; z-index:1}

  /* ---- BAŞLIK ---- */
  .fzy-head{text-align:center; margin-bottom:46px}
  .fzy-badge{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(255,255,255,.7); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    color:var(--sari2); border:1px solid rgba(249,178,51,.4);
    font-size:12.5px; font-weight:600; letter-spacing:.4px;
    padding:8px 18px; border-radius:999px; margin-bottom:18px;
    box-shadow:0 10px 26px rgba(249,178,51,.16);
  }
  .fzy-badge i{font-style:normal; color:var(--sari); font-size:14px; line-height:1}
  .fzy-title{
    margin:0; font-size:clamp(28px,4.6vw,46px); font-weight:800; line-height:1.14;
    color:var(--antrasit); letter-spacing:-.8px;
  }
  .fzy-title b{
    background:linear-gradient(115deg,var(--sari),var(--sari2));
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  }
  .fzy-sub{margin:15px auto 0; max-width:580px; font-size:15px; color:var(--gri); line-height:1.6}
  .fzy-rating{
    display:inline-flex; align-items:center; gap:9px; margin-top:18px;
    font-size:13.5px; color:var(--antrasit); font-weight:500;
  }
  .fzy-rating .s{color:var(--sari); letter-spacing:2px; font-size:15px}
  .fzy-rating b{font-weight:800}
  .fzy-rating .sep{width:4px; height:4px; border-radius:50%; background:#cfd3da}

  /* ---- CAROUSEL ---- */
  .fzy-carousel{position:relative; padding:0 8px}
  .fzy-viewport{overflow:hidden; padding:12px 4px 22px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3.5%,#000 96.5%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3.5%,#000 96.5%,transparent);}
  .fzy-track{display:flex; gap:26px; will-change:transform; cursor:grab}
  .fzy-track.fzy-anim{transition:transform .62s cubic-bezier(.22,.61,.36,1)}
  .fzy-track.fzy-drag{cursor:grabbing}

  .fzy-card{
    flex:0 0 calc((100% - 52px)/3); min-width:0;
    background:var(--kart); border:1px solid #edeff4; border-radius:24px;
    padding:32px 30px 26px; position:relative; overflow:hidden;
    box-shadow:0 16px 40px rgba(40,42,48,.06);
    transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s, border-color .4s;
    display:flex; flex-direction:column;
  }
  .fzy-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg,var(--sari),var(--sari2));
    transform:scaleX(0); transform-origin:left; transition:transform .4s ease;
  }
  .fzy-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(40,42,48,.15);
    border-color:rgba(249,178,51,.5);
  }
  .fzy-card:hover::before{transform:scaleX(1)}
  .fzy-quote-mark{
    position:absolute; top:18px; right:26px;
    font-family:Georgia,'Times New Roman',serif; font-size:90px; line-height:1; font-weight:700;
    background:linear-gradient(135deg,var(--sari),var(--sari2));
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    opacity:.18; pointer-events:none;
  }
  .fzy-stars{color:var(--sari); font-size:16px; letter-spacing:3px; margin-bottom:15px; position:relative; z-index:1}
  .fzy-text{
    margin:0 0 24px; font-size:14.5px; line-height:1.74; color:#494c52;
    flex:1 1 auto; position:relative; z-index:1;
  }
  .fzy-foot{display:flex; align-items:center; gap:14px; padding-top:18px; border-top:1px solid #f0f1f4}
  .fzy-avatar{
    flex:none; width:50px; height:50px; border-radius:15px;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:17px; color:#fff; letter-spacing:.5px;
    background:linear-gradient(135deg,var(--g1),var(--g2));
    box-shadow:0 10px 20px rgba(40,42,48,.20);
  }
  .fzy-meta{display:flex; flex-direction:column; line-height:1.3; min-width:0}
  .fzy-name{font-weight:600; font-size:15.5px; color:var(--antrasit)}
  .fzy-cat{font-size:12.5px; font-weight:500; color:var(--sari2)}

  /* ---- OKLAR ---- */
  .fzy-nav{
    position:absolute; top:50%; transform:translateY(-50%); z-index:5;
    width:54px; height:54px; border-radius:50%; border:1px solid #eaecf1;
    background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    color:var(--antrasit); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 34px rgba(40,42,48,.16); transition:.22s; font-size:0;
  }
  .fzy-nav svg{width:21px; height:21px}
  .fzy-nav:hover{background:var(--sari); color:#fff; border-color:var(--sari); box-shadow:0 16px 34px rgba(249,178,51,.4); transform:translateY(-50%) scale(1.08)}
  .fzy-nav:active{transform:translateY(-50%) scale(.95)}
  .fzy-prev{left:-14px}
  .fzy-next{right:-14px}

  /* ---- ALT: İLERLEME ÇUBUĞU + SAYAÇ ---- */
  .fzy-foot-ctrl{display:flex; flex-direction:column; align-items:center; gap:14px; margin-top:30px}
  .fzy-progress{width:200px; max-width:60%; height:5px; border-radius:999px; background:#e3e6ec; overflow:hidden}
  .fzy-progress-bar{height:100%; width:0; border-radius:999px;
    background:linear-gradient(90deg,var(--sari),var(--sari2)); transition:width .5s ease}
  .fzy-count{font-size:13px; color:var(--gri); font-weight:500; letter-spacing:.3px}
  .fzy-count b{color:var(--antrasit); font-weight:700}

  /* ---- RESPONSIVE ---- */
  @media(max-width:900px){
    .fzy-card{flex-basis:calc((100% - 26px)/2)}
    .fzy-prev{left:-8px} .fzy-next{right:-8px}
  }
  @media(max-width:600px){
    .fzy-wrap{padding:52px 14px 56px}
    .fzy-carousel{padding:0}
    .fzy-card{flex-basis:100%; padding:28px 24px 22px}
    .fzy-track{gap:16px}
    .fzy-viewport{-webkit-mask-image:none; mask-image:none}
    .fzy-nav{width:46px; height:46px}
    .fzy-prev{left:-2px} .fzy-next{right:-2px}
  }