/* page CSS for html5-slot-makinesi-kaynak-kodu-tr — isolated per RUNBOOK principle 2
   Palette: charcoal surface (#101314 / #1b2224) + turquoise (#2ec4b6) + coral (#ff6b52).
   Every rule is scoped under #page-html5-slot-makinesi-kaynak-kodu-tr so nothing leaks
   into the shared header/footer injected by site-layout.js. */
:root {
  --fd-bg: #101314;
  --fd-surface: #1b2224;
  --fd-card: #172022;
  --fd-card-2: #202a2c;
  --fd-primary: #2ec4b6;
  --fd-primary-dark: #1f9d92;
  --fd-accent: #ff6b52;
  --fd-accent-dark: #e2543c;
  --fd-green: #4fd1a5;
  --fd-text: #f3f8f7;
  --fd-text-body: #dde8e6;
  --fd-muted: #a6b8b6;
  --fd-border: rgba(46,196,182,0.16);
  --fd-border-soft: rgba(255,255,255,0.08);
  --fd-radius: 10px;
  --fd-radius-lg: 18px;
  --fd-shadow: 0 4px 26px rgba(0,0,0,0.45);
  --fd-glow-teal: 0 0 28px rgba(46,196,182,0.18);
  --fd-glow-coral: 0 0 28px rgba(255,107,82,0.20);
}
*,*::before,*::after{box-sizing:border-box;}
body{
  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;
  line-height:1.6;
  background-color:var(--fd-bg);
  color:var(--fd-text-body);
  margin:0;
  padding:0;
}

#page-html5-slot-makinesi-kaynak-kodu-tr{display:block;background:var(--fd-bg);}
#page-html5-slot-makinesi-kaynak-kodu-tr img{max-width:100%;height:auto;}
#page-html5-slot-makinesi-kaynak-kodu-tr a{color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr a:hover{color:var(--fd-accent);}

/* ---- BUTTONS ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .click-btn,
#page-html5-slot-makinesi-kaynak-kodu-tr .banner-btn-prime,
#page-html5-slot-makinesi-kaynak-kodu-tr .ghl-cta,
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-primary,
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-coral{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--fd-accent);color:#101314;font-weight:700;font-size:16px;
  border:none;border-radius:8px;padding:14px 30px;cursor:pointer;
  transition:background .2s,transform .15s,box-shadow .2s;
  text-decoration:none;white-space:nowrap;min-height:48px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .click-btn:hover,
#page-html5-slot-makinesi-kaynak-kodu-tr .banner-btn-prime:hover,
#page-html5-slot-makinesi-kaynak-kodu-tr .ghl-cta:hover,
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-primary:hover,
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-coral:hover{
  background:var(--fd-accent-dark);color:#101314;transform:translateY(-2px);box-shadow:var(--fd-glow-coral);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .click-btn:focus-visible,
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-coral:focus-visible{
  outline:3px solid var(--fd-primary);outline-offset:3px;
}
/* teal variant — used where the section sits on a coral-tinted band */
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-teal{
  background:var(--fd-primary);color:#0c1112;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-teal:hover{
  background:var(--fd-primary-dark);color:#0c1112;box-shadow:var(--fd-glow-teal);
}

/* ---- SECTION SHELL ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section{padding:76px 0;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-alt{background:var(--fd-surface);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-container{max-width:1180px;margin:0 auto;padding:0 24px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-eyebrow{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fd-primary);background:rgba(46,196,182,0.10);border:1px solid rgba(46,196,182,0.32);
  border-radius:100px;padding:5px 16px;margin-bottom:16px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-title{
  font-size:clamp(27px,3.8vw,44px);font-weight:800;line-height:1.18;
  color:var(--fd-text);margin:0 0 16px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-subtitle{
  font-size:18px;line-height:1.7;color:var(--fd-text-body);margin:0 0 40px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-text-center{text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-lede{
  font-size:17px;line-height:1.8;color:var(--fd-text-body);margin:0 0 20px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-list-label{
  font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--fd-accent);margin:36px 0 18px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-cta{display:flex;justify-content:center;margin-top:42px;}
#page-html5-slot-makinesi-kaynak-kodu-tr section h2,
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-title{text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-section-title{margin-left:auto;margin-right:auto;max-width:940px;}

/* ---- HERO (flat + static gradient only, no media) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(168deg,#0c0f10 0%,#101314 38%,#17211f 72%,#0c0f10 100%);
  border-bottom:1px solid var(--fd-border);
  padding:96px 0 82px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(46,196,182,0.10) 0%,rgba(46,196,182,0) 42%,rgba(255,107,82,0.08) 100%);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-inner{position:relative;z-index:2;display:block;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-text{max-width:900px;margin:0 auto;text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,107,82,0.12);border:1px solid rgba(255,107,82,0.34);
  border-radius:100px;padding:6px 16px;margin:0 auto 24px;
  font-size:13px;font-weight:600;color:var(--fd-accent);letter-spacing:.06em;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero h1{
  font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.09;
  color:var(--fd-text);margin:0 0 24px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero h1 .fd-hl{color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-sub{
  font-size:18px;line-height:1.75;color:var(--fd-text-body);
  margin:0 auto 34px;max-width:820px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-cta-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}

/* ---- BREADCRUMB ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb{
  background:var(--fd-surface);border-bottom:1px solid var(--fd-border-soft);padding:14px 0;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb-list{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  list-style:none;margin:0;padding:0;font-size:14px;color:var(--fd-muted);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb-list li+li::before{content:'/';margin-right:8px;color:var(--fd-muted);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb-list a{color:var(--fd-muted);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb-list a:hover{color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-breadcrumb-list li:last-child{color:var(--fd-text-body);}

/* ---- INTRO (three numbered panels, left rule) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro{background:var(--fd-bg);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro-card{
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-left:3px solid var(--fd-primary);
  border-radius:0 var(--fd-radius) var(--fd-radius) 0;
  padding:30px 28px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro-card p{color:var(--fd-text-body);font-size:16px;line-height:1.78;margin:0;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro-num{
  font-size:15px;font-weight:800;letter-spacing:.18em;color:var(--fd-accent);
  margin-bottom:14px;
}

/* ---- BANNER BAND (static gradient, no image) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-banner{
  position:relative;overflow:hidden;padding:88px 0;text-align:center;
  background:linear-gradient(135deg,#12191a 0%,#1b2426 45%,#241a18 100%);
  border-top:1px solid var(--fd-border);border-bottom:1px solid var(--fd-border);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-banner-content{position:relative;z-index:2;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-banner h2{
  font-size:clamp(27px,3.8vw,44px);font-weight:800;color:var(--fd-text);
  margin:0 auto 16px;line-height:1.2;max-width:940px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-banner-sub{
  font-size:20px;color:var(--fd-primary);font-weight:600;margin:0 0 32px;
}

/* ---- GALLERY (18 screens) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-section{background:var(--fd-surface);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-scroll{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:36px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-item{
  position:relative;border-radius:var(--fd-radius);overflow:hidden;
  border:1px solid var(--fd-border-soft);background:var(--fd-card);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-item:hover{
  transform:translateY(-5px);border-color:var(--fd-primary);box-shadow:var(--fd-glow-teal);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-item img{display:block;width:100%;height:186px;object-fit:cover;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-label{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(12,15,16,0.94));
  padding:20px 12px 10px;font-size:14px;font-weight:600;color:var(--fd-text);
}

/* ---- CATEGORY TILES (slot types) ----
   Was a centre-justified flex-wrap of text-only chips: no imagery, and 9 chips of
   uneven width left a ragged, off-centre last row. Now a fixed 3-col grid of image
   tiles, so every row is aligned and every category shows its artwork. */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;
  align-items:stretch;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-tile{
  display:flex;flex-direction:column;
  background:var(--fd-card-2);border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);overflow:hidden;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-tile:hover{
  border-color:var(--fd-accent);transform:translateY(-4px);box-shadow:var(--fd-glow-coral);
}
/* Source art is a 669x375 white card whose bottom ~20% is a baked-in ENGLISH label
   ("Three Reel Slots"). Cropping to the top 80% (669x300) drops that label, so the
   Turkish .fd-cat-name below is the only caption — no duplicated, untranslated text. */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-media{
  position:relative;aspect-ratio:669/300;background:#fff;overflow:hidden;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-media img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
  transition:transform .35s ease;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-tile:hover .fd-cat-media img{transform:scale(1.05);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-mark{
  position:absolute;top:12px;left:12px;
  font-size:13px;font-weight:800;letter-spacing:.06em;color:#101314;
  background:var(--fd-primary);border-radius:6px;padding:3px 9px;line-height:1.4;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-name{
  flex:1;display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:17px;font-weight:700;color:var(--fd-text);padding:18px 16px;
}

/* ---- PLAYER FEATURE CARDS (3) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cards-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px;margin-top:44px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-feature-card{
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-top:3px solid var(--fd-accent);
  border-radius:var(--fd-radius-lg);padding:34px 30px;
  transition:border-color .25s,transform .25s,box-shadow .25s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-feature-card:hover{
  border-color:var(--fd-primary);transform:translateY(-4px);box-shadow:var(--fd-glow-teal);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-feature-icon{
  width:54px;height:54px;border-radius:14px;
  background:rgba(46,196,182,0.12);border:1px solid rgba(46,196,182,0.28);
  display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-card-title{
  font-size:20px;font-weight:700;color:var(--fd-text);margin:0 0 12px;line-height:1.3;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-feature-card p{font-size:16px;color:var(--fd-text-body);line-height:1.72;margin:0;}

/* ---- ADMIN PANEL (numbered two-column stack) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:44px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-item{
  display:flex;gap:18px;align-items:flex-start;
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius);padding:24px 22px;
  transition:border-color .2s,transform .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-item:hover{border-color:var(--fd-primary);transform:translateX(4px);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-num{
  width:38px;height:38px;flex-shrink:0;border-radius:9px;
  background:var(--fd-primary);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:800;color:#0c1112;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-title{font-size:17px;font-weight:700;color:var(--fd-text);margin:0 0 7px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-item p{font-size:16px;color:var(--fd-text-body);line-height:1.68;margin:0;}

/* ---- SPEC LIST (premium characteristics, 13 items) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-spec-list{
  display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:40px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-spec-item{
  padding:22px 0;border-bottom:1px solid var(--fd-border-soft);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-spec-title{
  font-size:17px;font-weight:700;color:var(--fd-primary);margin:0 0 8px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-spec-item p{font-size:16px;color:var(--fd-text-body);line-height:1.7;margin:0;}

/* ---- BULLET CHECKLIST ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-bullet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-bullet-item{
  display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--fd-border-soft);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-bullet-check{
  width:24px;height:24px;flex-shrink:0;border-radius:7px;
  background:rgba(79,209,165,0.16);border:1px solid rgba(79,209,165,0.36);
  display:flex;align-items:center;justify-content:center;color:var(--fd-green);margin-top:2px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-bullet-item span{font-size:16px;color:var(--fd-text-body);line-height:1.62;}

/* ---- ADVANTAGES ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-item{
  display:flex;align-items:flex-start;gap:15px;
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius);padding:20px 22px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-icon{
  width:30px;height:30px;flex-shrink:0;border-radius:8px;
  background:rgba(255,107,82,0.13);border:1px solid rgba(255,107,82,0.32);
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-icon svg{width:16px;height:16px;color:var(--fd-accent);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-item p{margin:0;font-size:16px;color:var(--fd-text-body);line-height:1.65;}

/* ---- TWO COLUMN FEATURE PAIR ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-col-feature{
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius-lg);padding:38px 34px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-col-feature h3{
  font-size:clamp(21px,2.6vw,28px);font-weight:800;color:var(--fd-text);margin:0 0 14px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-col-feature p{font-size:16px;color:var(--fd-text-body);line-height:1.76;margin:0;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-col-feature-icon{font-size:38px;margin-bottom:18px;}

/* ---- SUB HEADING (h3 inside a section) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-subhead{
  font-size:clamp(21px,2.6vw,28px);font-weight:800;color:var(--fd-text);
  margin:44px 0 8px;text-align:center;
}

/* ---- LINK GRIDS ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-links-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:38px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-link-card{
  display:flex;align-items:center;gap:12px;
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius);padding:17px 20px;
  color:var(--fd-text-body);font-size:15px;font-weight:500;line-height:1.45;
  transition:border-color .2s,background .2s,color .2s,transform .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-link-card:hover{
  border-color:var(--fd-primary);background:rgba(46,196,182,0.07);color:var(--fd-text);transform:translateY(-3px);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-link-arrow{font-size:17px;color:var(--fd-accent);flex-shrink:0;}

/* ---- HIRE / CTA PANEL ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-section{background:var(--fd-bg);padding:76px 0;text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-inner{
  background:linear-gradient(135deg,rgba(46,196,182,0.09) 0%,rgba(255,107,82,0.07) 100%);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);padding:56px 40px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-inner h2{font-size:clamp(25px,3.6vw,40px);font-weight:800;color:var(--fd-text);margin:0 0 16px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-inner p{font-size:18px;color:var(--fd-text-body);margin:0 auto 12px;max-width:760px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-inner h3{font-size:22px;font-weight:700;color:var(--fd-accent);margin:22px 0 28px;}

/* ---- FAQ ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq{margin-top:44px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-list{
  border:1px solid var(--fd-border-soft);border-radius:var(--fd-radius-lg);overflow:hidden;background:var(--fd-card);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-item{border-bottom:1px solid var(--fd-border-soft);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-item:last-child{border-bottom:none;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:transparent;color:var(--fd-text);border:0;cursor:pointer;text-align:left;
  font-family:"Inter",system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.5;
  padding:21px 24px;min-height:44px;position:relative;
  transition:background .2s,color .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q:hover{background:rgba(255,255,255,.04);color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q:focus-visible{outline:3px solid var(--fd-primary);outline-offset:-3px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q[aria-expanded="true"]{background:rgba(46,196,182,.08);color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q[aria-expanded="true"]::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fd-accent);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-icon{position:relative;flex:0 0 22px;width:22px;height:22px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-icon::before,
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-icon::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--fd-accent);
  border-radius:2px;transform:translate(-50%,-50%);transition:transform .25s,background .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-icon::before{width:14px;height:2px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-icon::after{width:2px;height:14px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q[aria-expanded="true"] .fd-faq-icon::before,
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q[aria-expanded="true"] .fd-faq-icon::after{background:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q[aria-expanded="true"] .fd-faq-icon::after{transform:translate(-50%,-50%) scaleY(0);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-panel{display:none;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-panel.is-open{display:block;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-a{
  padding:20px 24px 26px;font-size:16px;line-height:1.8;color:var(--fd-text-body);
  background:rgba(46,196,182,.03);
  border-top:1px solid var(--fd-border-soft);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-a .fd-ans-label{display:inline-block;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-ans-label{color:var(--fd-accent);font-weight:800;margin-right:6px;}

/* ---- TESTIMONIALS ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonials-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;margin-top:40px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial{
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius-lg);padding:32px 28px;position:relative;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-stars{display:flex;gap:4px;margin-bottom:16px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-star{color:var(--fd-accent);font-size:18px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial-text{
  font-size:16px;color:var(--fd-text-body);line-height:1.76;margin:0 0 22px;font-style:italic;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial-author{display:flex;align-items:center;gap:14px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial-avatar{
  width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--fd-primary);flex-shrink:0;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial-avatar img{width:100%;height:100%;object-fit:cover;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonial-name{font-size:16px;font-weight:700;color:var(--fd-text);}
/* plain "View more" text link — deliberately NOT a .btn/.cta so the
   testimonials section stays CTA-free (rule 25) while keeping the ticket label */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-row{display:flex;justify-content:center;margin-top:36px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 8px;
  font-size:16px;font-weight:600;color:var(--fd-primary);
  border-bottom:2px solid transparent;transition:color .2s,border-color .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link:hover{color:var(--fd-accent);border-bottom-color:var(--fd-accent);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link:focus-visible{outline:3px solid var(--fd-primary);outline-offset:3px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-arrow{font-size:18px;line-height:1;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-block-title{
  font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--fd-text);margin:0 0 12px;text-align:center;
}

/* ---- AREA WE SERVE ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:44px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-card{
  background:var(--fd-card);border:1px solid var(--fd-border-soft);
  border-radius:var(--fd-radius-lg);padding:30px 26px;
  transition:border-color .2s,transform .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-card:hover{border-color:var(--fd-primary);transform:translateY(-4px);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-flag{font-size:30px;margin-bottom:14px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-card h3{
  font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--fd-accent);margin:0 0 10px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-phone{font-size:16px;font-weight:600;color:var(--fd-text);margin-bottom:8px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-phone a{color:var(--fd-text);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-phone a:hover{color:var(--fd-primary);}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-address{font-size:16px;color:var(--fd-text-body);line-height:1.6;}

/* ---- RESPONSIVE ---- */
@media (max-width:1024px){
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-two-col,
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-spec-list,
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-bullet-grid,
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-adv-list{grid-template-columns:1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-intro-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-section{padding:54px 0;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero{padding:70px 0 54px;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-banner{padding:66px 0;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-admin-grid{grid-template-columns:1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-testimonials-grid{grid-template-columns:1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-grid{grid-template-columns:1fr 1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-cta-inner{padding:38px 22px;}
}
@media (max-width:560px){
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-hero-cta-row{flex-direction:column;align-items:stretch;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .click-btn,
  #page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-coral,
  #page-html5-slot-makinesi-kaynak-kodu-tr .btn-cta-teal{width:100%;justify-content:center;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-area-grid{grid-template-columns:1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-gallery-scroll{grid-template-columns:1fr 1fr;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-q{font-size:16px;padding:18px;gap:12px;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-faq-a{padding:16px 18px 22px;}
}
@media (prefers-reduced-motion:reduce){
  #page-html5-slot-makinesi-kaynak-kodu-tr *{transition:none!important;animation:none!important;}
}

/* ---- LEDE / LABEL / "VIEW MORE" ROW ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-lede{max-width:920px;margin-left:auto;margin-right:auto;text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-list-label{text-align:center;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-row{display:flex;justify-content:center;margin-top:34px;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link{
  display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;
  font-size:16px;font-weight:600;color:var(--fd-primary);
  border:1px solid var(--fd-border);border-radius:100px;
  transition:border-color .2s,background .2s,color .2s;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link:hover{
  border-color:var(--fd-accent);background:rgba(255,107,82,0.08);color:var(--fd-accent);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-more-link:focus-visible{outline:3px solid var(--fd-primary);outline-offset:3px;}

#page-html5-slot-makinesi-kaynak-kodu-tr .fd-link-card--static{cursor:default;opacity:.85;}


/* ---- SPLIT MEDIA/TEXT ROW (Launch Your Online Slot Game) ---- */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:48px;align-items:center;margin-bottom:8px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-img{
  border-radius:var(--fd-radius-lg);overflow:hidden;
  border:1px solid var(--fd-border);background:var(--fd-card);box-shadow:var(--fd-shadow);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-img img{width:100%;height:auto;display:block;}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text{text-align:left;}
/* the page-wide `section h2 {text-align:center}` would otherwise centre this one */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text h2,
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text .fd-section-title{
  text-align:left;margin-left:0;margin-right:0;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text .fd-section-subtitle{margin-bottom:0;}

/* ---- CONTACT FORM (above Area We Serve) ---- */
/* Sits between Testimonials (--fd-bg) and Area We Serve (--fd-section-alt = --fd-surface).
   Using either neighbour's tone would visually merge the two bands, so this CTA gets the
   in-between --fd-card tone plus hairlines to read as its own block. */
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-contact{
  background:var(--fd-card);
  border-top:1px solid var(--fd-border-soft);
  border-bottom:1px solid var(--fd-border-soft);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-contact-lead{
  font-size:18px;line-height:1.7;color:var(--fd-text-body);
  margin:0 auto;max-width:760px;
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-contact-card{
  margin:40px auto 0;max-width:820px;
  background:#fff;border-radius:var(--fd-radius-lg);overflow:hidden;
  border:1px solid var(--fd-border);box-shadow:var(--fd-shadow);
}
#page-html5-slot-makinesi-kaynak-kodu-tr .fd-contact-frame{
  width:100%;min-height:820px;border:0;display:block;
}

@media (max-width:900px){
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-split{grid-template-columns:1fr;gap:32px;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text{text-align:center;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text h2,
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-split-text .fd-section-title{text-align:center;margin-left:auto;margin-right:auto;}
}
@media (max-width:560px){
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-cat-grid{grid-template-columns:1fr;gap:18px;}
  #page-html5-slot-makinesi-kaynak-kodu-tr .fd-contact-frame{min-height:900px;}
}