<!DOCTYPE html>
<html ⚡ lang="fr-FR">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <title>Aphrodite Casino : avis, bonus et jeux en ligne 2026</title>
  <meta property="og:title" content="Aphrodite Casino — avis, bonus et jeux">
  <meta property="og:description" content="Guide complet d'Aphrodite Casino : bonus, jeux, sécurité et mobile.">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://example.com/aphrodite-cover.jpg">
  <meta name="theme-color" content="#0c0b10">

   <link rel="canonical" href="https://aphrodite1.socialadikt.com/">
   <meta name="google-site-verification" content="4PPPDUWEXyZrX3ZFdgBGBU7Mf489MvGmrtdCqVcj6tE" />
  
  <!-- Favicon -->
  <link rel="icon" type="image/webp" href="images/favicon.webp">
  
  <!-- Preload critical resources -->
  <link rel="preload" as="image" href="images/logo.svg">
  <link rel="preload" as="image" href="images/banner_desk.webp" media="(min-width: 769px)">
  <link rel="preload" as="image" href="images/banner_mob.webp" media="(max-width: 768px)">
  
  <!-- AMP Scripts -->
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
  <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
  <script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
  <script async custom-element="amp-animation" src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>
  
  <!-- JSON-LD Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Aphrodite Casino",
    "description": "Casino en ligne avec bonus, jeux de machines à sous et jeux en direct",
    "url": "https://example.com/fr/aphrodite-casino/",
    "logo": "https://example.com/images/logo.svg",
    "sameAs": [
      "https://twitter.com/aphroditecasino",
      "https://facebook.com/aphroditecasino"
    ],
    "offers": {
      "@type": "Offer",
      "description": "Bonus de bienvenue jusqu'à 7000€",
      "price": "0",
      "priceCurrency": "EUR"
    }
  }
  </script>
  
  <style amp-custom>
    :root {
      --bg: #0c0b10;
      --text: #f4f4f4;
      --muted: #a1a1aa;
      --accent: #f6c560;
      --card: #14141d;
      --border: #1a1a1f;
      --radius: 14px;
      --max: 1100px;
    }
    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: ui-sans-serif, system-ui, -apple-system, Roboto, Arial, sans-serif;
      color: var(--text);
      background: var(--bg);
      line-height: 1.6;
      font-size: 16px;
    }
    
    .wrap {
      max-width: var(--max);
      margin: 0 auto;
      padding: 16px;
    }
    
    .main-title {
      color: var(--accent);
      font-size: 2.2rem;
      font-weight: 700;
      text-align: center;
      margin: 20px 0 30px 0;
      padding: 0 16px;
      line-height: 1.3;
    }
    
    .section {
      background: var(--card);
      border-radius: var(--radius);
      margin: 16px 0;
      padding: 24px;
      border: 1px solid var(--border);
      box-shadow: 0 2px 6px rgba(0,0,0,.3);
    }
    
    .faq-section {
      background: var(--bg);
      border: 2px solid var(--accent);
    }
    
    .faq-accordion {
      margin-top: 20px;
    }
    
    .faq-item {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      margin-bottom: 12px;
      overflow: hidden;
    }
    
    .faq-item h4 {
      background: var(--accent);
      color: #0c0b10;
      margin: 0;
      padding: 16px 20px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .faq-item h4:hover {
      background: #f4d03f;
    }
    
    .faq-item p {
      padding: 16px 20px;
      margin: 0;
      color: var(--text);
      background: var(--card);
    }
    
    h1, h2, h3, h4 {
      color: var(--accent);
      margin-bottom: 16px;
    }
    
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.25rem; }
    
    a {
      color: var(--accent);
      text-decoration: none;
      transition: opacity 0.2s ease;
    }
    
    a:hover {
      opacity: 0.8;
    }
    
    .btn {
      background: var(--accent);
      color: #0c0b10;
      padding: 12px 20px;
      border-radius: 10px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
      border: none;
      cursor: pointer;
      font-size: 1rem;
      height: 44px;
      text-decoration: none;
    }
    
    .btn:hover {
      opacity: 0.9;
      transform: translateY(-1px);
    }
    
    .btn-secondary {
      background: #2a2a33;
      color: var(--accent);
    }
    
    /* Header */
    header {
      background: rgba(16, 17, 26, 0.85);
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 2px solid var(--accent);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
      min-height: 130px;
      max-height: 120px;
    }
    
    .header-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 0;
      height: 110px;
    }
    
    .logo {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    
    .logo amp-img {
      width: 90px;
      height: 90px;
      filter: drop-shadow(0 2px 8px rgba(246, 197, 96, 0.3));
    }
    
    nav {
      display: flex;
      gap: 8px;
      padding: 0;
      align-items: center;
    }
    
    nav a {
      color: var(--text);
      white-space: nowrap;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 12px 20px;
      border-radius: 25px;
      transition: all 0.3s ease;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(246, 197, 96, 0.2);
      backdrop-filter: blur(10px);
      text-decoration: none;
      display: flex;
      align-items: center;
      height: 44px;
    }
    
    nav a:hover {
      background: rgba(246, 197, 96, 0.15);
      border-color: var(--accent);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(246, 197, 96, 0.2);
    }
    
    .burger-menu {
      display: none;
      background: var(--accent);
      color: #0c0b10;
      border: none;
      padding: 12px;
      border-radius: 8px;
      font-size: 1.2rem;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .burger-menu:hover {
      background: #ffd700;
      transform: scale(1.05);
    }
    
    /* Fixed mobile button */
    .mobile-fixed-btn {
      display: none;
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100;
      background: var(--accent);
      color: #0c0b10;
      padding: 16px 32px;
      border-radius: 25px;
      font-weight: 700;
      font-size: 1.1rem;
      box-shadow: 0 4px 20px rgba(246, 197, 96, 0.4);
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    .mobile-fixed-btn:hover {
      background: #ffd700;
      transform: translateX(-50%) translateY(-2px);
      box-shadow: 0 6px 25px rgba(246, 197, 96, 0.5);
    }
    
    /* Mini Game Styles */
    .mini-game {
      text-align: center;
      background: var(--card);
      border-radius: var(--radius);
      padding: 30px 20px;
      margin: 20px 0;
      border: 2px solid var(--accent);
      box-shadow: 0 8px 25px rgba(246, 197, 96, 0.2);
    }
    
    .wheel-container {
      position: relative;
      display: inline-block;
      margin: 20px 0;
    }
    
    .wheel {
      width: 280px;
      height: 280px;
      border-radius: 50%;
      border: 8px solid #d4af37;
      box-shadow: 0 10px 30px rgba(0,0,0,0.4);
      position: relative;
      background: conic-gradient(
        from 0deg,
        #dc2626 0deg 45deg,
        #ffffff 45deg 90deg,
        #dc2626 90deg 135deg,
        #ffffff 135deg 180deg,
        #dc2626 180deg 225deg,
        #ffffff 225deg 270deg,
        #dc2626 270deg 315deg,
        #ffffff 315deg 360deg
      );
    }
    
    .wheel-pointer {
      position: absolute;
      top: -15px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 25px solid #dc2626;
      z-index: 10;
    }
    
    .wheel-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      background: #d4af37;
      border-radius: 50%;
      border: 4px solid #b8860b;
      box-shadow: inset 0 2px 5px rgba(0,0,0,0.3);
    }
    
    .wheel-numbers {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
    
    .wheel-number {
      position: absolute;
      top: 50%;
      left: 50%;
      /* place at the center, rotate to sector angle, move outwards, rotate text back */
      transform: translate(-50%, -50%) rotate(var(--angle)) translate(0, -38%) rotate(calc(-1 * var(--angle)));
      transform-origin: center center;
      font-weight: bold;
      font-size: 18px;
      color: #1f2937;
      text-shadow: 1px 1px 2px rgba(255,255,255,0.85);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
    }
    
    .game-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
      margin: 20px 0;
    }
    
    .control-group {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    
    .control-label {
      color: var(--muted);
      font-weight: 500;
      margin-right: 8px;
    }
    
    .number-btn, .color-btn {
      padding: 8px 16px;
      border-radius: 20px;
      font-weight: 600;
      transition: all 0.3s ease;
      border: 2px solid transparent;
    }
    
    .number-btn {
      background: var(--card);
      color: var(--text);
      border-color: var(--border);
    }
    
    .number-btn.selected {
      background: var(--accent);
      color: #0c0b10;
      border-color: var(--accent);
    }
    
    .color-btn.red {
      background: #dc2626;
      color: white;
    }
    
    .color-btn.white {
      background: #ffffff;
      color: #1f2937;
      border: 2px solid #e5e7eb;
    }
    
    .color-btn.selected {
      transform: scale(1.1);
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }
    
    .spin-btn {
      background: linear-gradient(45deg, var(--accent), #ffd700);
      color: #0c0b10;
      padding: 15px 30px;
      font-size: 1.1rem;
      font-weight: 700;
      border-radius: 25px;
      border: none;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(246, 197, 96, 0.4);
    }
    
    .spin-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(246, 197, 96, 0.6);
    }
    
    .spin-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      transform: none;
    }
    
    .win-modal {
      background: var(--card);
      border-radius: var(--radius);
      padding: 30px;
      text-align: center;
      border: 2px solid var(--accent);
    }
    
    .win-title {
      color: var(--accent);
      font-size: 2rem;
      margin-bottom: 15px;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    
    .win-message {
      color: var(--muted);
      font-size: 1.1rem;
      margin-bottom: 20px;
    }
    
    .win-result {
      color: var(--accent);
      font-weight: 700;
      font-size: 1.3rem;
    }
    
    /* Mobile Sidebar */
    .mobile-nav {
      display: none;
      flex-direction: column;
      gap: 12px;
      padding: 20px;
      background: var(--card);
      border-radius: var(--radius);
      margin-top: 12px;
      border: 1px solid var(--border);
    }
    
    .mobile-nav.show {
      display: flex;
    }
    
    .mobile-nav a {
      color: var(--text);
      padding: 12px 16px;
      border-radius: 8px;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(246, 197, 96, 0.2);
      text-align: center;
      font-weight: 500;
      transition: all 0.3s ease;
    }
    
    .mobile-nav a:hover {
      background: rgba(246, 197, 96, 0.15);
      border-color: var(--accent);
    }
    
    /* Hero Section */
    .hero {
      text-align: center;
      padding: 60px 16px;
      background: radial-gradient(circle at center, rgba(246,197,96,.08), transparent);
      border-radius: var(--radius);
      margin: 20px 0;
    }
    
    .hero-title {
      font-size: 2.5rem;
      margin-bottom: 16px;
      background: linear-gradient(45deg, var(--accent), #ffd700);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .hero-sub {
      color: var(--muted);
      margin-bottom: 30px;
      font-size: 1.1rem;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .cta {
      display: flex;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
      margin-top: 30px;
    }
    
    .cta-section {
      background: var(--bg);
      border: 2px solid var(--accent);
      text-align: center;
    }
    
    .cta-section .cta {
      margin-top: 0;
    }
    
    /* Key Info Table */
    .key-info {
      margin: 2rem 0;
      background: var(--card);
      border-radius: var(--radius);
      padding: 24px;
      border: 1px solid var(--border);
      box-shadow: 0 2px 6px rgba(0,0,0,.3);
    }
    
    .key-info h2 {
      font-size: clamp(1.25rem, 1.2rem + 1vw, 1.75rem);
      margin: 0 0 1rem 0;
      color: var(--accent);
    }
    
    .info-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
    }
    
    .info-table th,
    .info-table td {
      padding: clamp(0.8rem, 0.6rem + 0.5vw, 1rem);
      vertical-align: top;
      border: 1px solid var(--border);
      background: var(--bg);
      color: var(--text);
    }
    
    .info-table th {
      width: 32%;
      font-weight: 700;
      color: var(--accent);
      background: rgba(246, 197, 96, 0.1);
    }
    
    .info-table tr:first-child th,
    .info-table tr:first-child td {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
    
    .info-table tr:last-child th,
    .info-table tr:last-child td {
      border-bottom-left-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
    
    .sr-only {
      position: absolute !important;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }
    
    /* Banner */
    .banner {
      margin: 20px 0;
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,.4);
    }
    
    .banner amp-img {
      width: 100%;
      height: auto;
      object-fit: contain;
    }
    
    /* Games Grid */
    .games {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 16px;
      margin-top: 20px;
    }
    
    .game {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    
    .game a {
      display: block;
      text-decoration: none;
      color: inherit;
    }
    
    .game:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(246, 197, 96, 0.2);
    }
    
    .game amp-img {
      width: 100%;
      height: auto;
      object-fit: contain;
    }
    
    .game .meta {
      padding: 12px;
      text-align: center;
      font-size: 0.9rem;
      color: var(--text);
      font-weight: 500;
    }
    
    /* Table */
    .table-wrap {
      overflow-x: auto;
      margin-top: 20px;
      border-radius: var(--radius);
      border: 1px solid var(--border);
    }
    
    table {
      width: 100%;
      border-collapse: collapse;
      background: var(--card);
    }
    
    th, td {
      border: 1px solid var(--border);
      padding: 16px 12px;
      vertical-align: top;
      text-align: left;
    }
    
    th {
      color: var(--accent);
      background: rgba(246, 197, 96, 0.1);
      font-weight: 600;
    }
    
    td {
      color: var(--text);
    }
    
    /* Accordion */
    amp-accordion {
      margin-top: 20px;
    }
    
    amp-accordion section {
      border: 1px solid var(--border);
      border-radius: var(--radius);
      margin-bottom: 12px;
      overflow: hidden;
    }
    
    amp-accordion h4 {
      padding: 16px;
      background: var(--card);
      color: var(--accent);
      cursor: pointer;
      margin: 0;
      font-size: 1.1rem;
    }
    
    amp-accordion p {
      padding: 16px;
      background: var(--bg);
      color: var(--text);
      margin: 0;
      line-height: 1.6;
    }
    
    /* Features Grid */
    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      margin-top: 20px;
    }
    
    .feature {
      background: var(--card);
      padding: 24px;
      border-radius: var(--radius);
      border: 1px solid var(--border);
      text-align: center;
    }
    
    .feature-icon {
      font-size: 2.5rem;
      margin-bottom: 16px;
      color: var(--accent);
    }
    
    .feature h3 {
      margin-bottom: 12px;
      font-size: 1.3rem;
    }
    
    .feature p {
      color: var(--muted);
      line-height: 1.5;
    }
    
    /* Footer */
    footer {
      text-align: center;
      margin-top: 60px;
      padding: 40px 0;
      color: var(--muted);
      font-size: 0.9rem;
      border-top: 1px solid var(--border);
    }
    
    /* Responsive */
    @media (max-width: 768px) {
      .main-title {
        font-size: 1.6rem;
        margin: 16px 0 24px 0;
        padding: 0 12px;
      }
      
      .hero-title {
        font-size: 2rem;
      }
      
      header {
        min-height: 110px;
        max-height: 90px;
      }
      
      .header-content {
        padding: 15px 0;
        justify-content: center;
        position: relative;
        height: 90px;
        align-items: center;
      }
      
      .logo {
        justify-content: center;
      }
      
      .logo amp-img {
        width: 50px;
        height: 50px;
      }
      
      nav {
        display: none;
      }
      
      .burger-menu {
        display: block;
        position: absolute;
        right: 16px;
      }
      
      .mobile-nav {
        display: none;
      }
      
      .mobile-fixed-btn {
        display: block;
      }
      
      .desktop-btn {
        display: none;
      }
      
      .cta {
        flex-direction: column;
        align-items: center;
      }
      
      .btn {
        width: 100%;
        max-width: 280px;
      }
      
      .games {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 12px;
      }
      
      .features {
        grid-template-columns: 1fr;
      }
      
      .section {
        padding: 20px;
        margin: 12px 0;
      }
      
      .key-info {
        padding: 16px;
        margin: 16px 0;
      }
      
      .info-table th {
        display: block;
        width: auto;
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      
      .info-table td {
        display: block;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
    }
    
    @media (max-width: 480px) {
      .wrap {
        padding: 12px;
      }
      
      .hero {
        padding: 40px 12px;
      }
      
      .hero-title {
        font-size: 1.8rem;
      }
      
      .games {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  </style>
</head>

<body>
  <header>
    <div class="wrap">
      <div class="header-content">
        <div class="logo">
          <amp-img src="images/logo.svg" width="120" height="120" alt="Aphrodite Casino Logo" loading="eager" fetchpriority="high"></amp-img>
        </div>
        <nav>
          <a href="#bonus">Bonus</a>
          <a href="#jeux">Jeux</a>
          <a href="#mobile">Mobile</a>
          <a href="#paiements">Paiements</a>
          <a href="#support">Support</a>
          <a href="#faq">FAQ</a>
        </nav>
        <div style="display: flex; align-items: center; gap: 16px;">
          <a href="/go" class="btn desktop-btn" rel="nofollow">S'inscrire</a>
          <button class="burger-menu" aria-label="Menu" on="tap:mobileNav.toggleClass(class='show')">☰</button>
        </div>
      </div>
      <div class="mobile-nav" id="mobileNav">
        <a href="#bonus">Bonus</a>
        <a href="#jeux">Jeux</a>
        <a href="#mobile">Mobile</a>
        <a href="#paiements">Paiements</a>
        <a href="#support">Support</a>
        <a href="#faq">FAQ</a>
      </div>
    </div>
  </header>

  <main class="wrap">
    
    <!-- Main Title -->
    <h1 class="main-title">Aphrodite Casino — avis, bonus, jeux et guide complet pour les joueurs français</h1>
    
    <!-- Hero Banner -->
    <div class="banner">
      <amp-img src="images/banner_desk.webp" width="1100" height="500" layout="responsive" alt="Aphrodite Casino Banner" media="(min-width: 769px)" loading="eager" fetchpriority="high"></amp-img>
      <amp-img src="images/banner_mob.webp" width="388" height="388" layout="responsive" alt="Aphrodite Casino Mobile Banner" media="(max-width: 768px)" loading="eager" fetchpriority="high"></amp-img>
    </div>

    <!-- Mini Game: Roulette Wheel -->
    <section class="mini-game">
      <h3>Mini-jeu: Roue de la Fortune</h3>
      <p style="color: var(--muted); margin-bottom: 20px;">Choisissez un numéro et une couleur, puis tournez la roue pour gagner un SUPER BONUS Aphrodite Casino!</p>
      
      <!-- AMP State -->
      <amp-state id="game">
        <script type="application/json">
          {"selectedNumber": null, "selectedColor": null, "spinning": false, "result": null}
        </script>
      </amp-state>
      
      <!-- Wheel Animations -->
      <amp-animation id="spinWheel" layout="nodisplay">
        <script type="application/json">
        {
          "duration": "3000",
          "fill": "both",
          "easing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
          "animations": [{
            "selector": "#gameWheel",
            "keyframes": [
              {"transform": "rotate(0deg)"},
              {"transform": "rotate(1800deg)"}
            ]
          }]
        }
        </script>
      </amp-animation>
      
      <!-- Wheel Container -->
      <div class="wheel-container">
        <div class="wheel" id="gameWheel">
          <div class="wheel-numbers">
            <div class="wheel-number" style="--angle: 0deg;">7</div>
            <div class="wheel-number" style="--angle: 45deg;">56</div>
            <div class="wheel-number" style="--angle: 90deg;">14</div>
            <div class="wheel-number" style="--angle: 135deg;">21</div>
            <div class="wheel-number" style="--angle: 180deg;">28</div>
            <div class="wheel-number" style="--angle: 225deg;">35</div>
            <div class="wheel-number" style="--angle: 270deg;">42</div>
            <div class="wheel-number" style="--angle: 315deg;">49</div>
          </div>
        </div>
        <div class="wheel-pointer"></div>
        <div class="wheel-center"></div>
      </div>
      
      <!-- Game Controls -->
      <div class="game-controls">
        <div class="control-group">
          <span class="control-label">Numéro:</span>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 7}})" [class]="game.selectedNumber == 7 ? 'number-btn selected' : 'number-btn'">7</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 14}})" [class]="game.selectedNumber == 14 ? 'number-btn selected' : 'number-btn'">14</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 21}})" [class]="game.selectedNumber == 21 ? 'number-btn selected' : 'number-btn'">21</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 28}})" [class]="game.selectedNumber == 28 ? 'number-btn selected' : 'number-btn'">28</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 35}})" [class]="game.selectedNumber == 35 ? 'number-btn selected' : 'number-btn'">35</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 42}})" [class]="game.selectedNumber == 42 ? 'number-btn selected' : 'number-btn'">42</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 49}})" [class]="game.selectedNumber == 49 ? 'number-btn selected' : 'number-btn'">49</button>
          <button class="number-btn" on="tap:AMP.setState({game: {selectedNumber: 56}})" [class]="game.selectedNumber == 56 ? 'number-btn selected' : 'number-btn'">56</button>
        </div>
        
        <div class="control-group">
          <span class="control-label">Couleur:</span>
          <button class="color-btn red" on="tap:AMP.setState({game: {selectedColor: 'red'}})" [class]="game.selectedColor == 'red' ? 'color-btn red selected' : 'color-btn red'">Rouge</button>
          <button class="color-btn white" on="tap:AMP.setState({game: {selectedColor: 'white'}})" [class]="game.selectedColor == 'white' ? 'color-btn white selected' : 'color-btn white'">Blanc</button>
        </div>
      </div>
      
      <button class="spin-btn" on="tap:spinWheel.start, winModal.open" [disabled]="game.selectedNumber == null || game.selectedColor == null">🎯 TOURNER LA ROUE</button>
    </section>

    <!-- Win Modal -->
    <amp-lightbox id="winModal" layout="nodisplay" on="open:AMP.setState({game: {spinning: false, result: game.selectedNumber}})">
      <div class="win-modal" role="dialog" aria-label="Victoire">
        <h2 class="win-title">FÉLICITATIONS!</h2>
        <p class="win-message">Vous avez gagné un <span class="win-result">SUPER BONUS</span> !</p>
        <p style="color: var(--muted); margin-bottom: 20px;">Résultat: <span class="win-result" [text]="game.selectedNumber">0</span></p>
        <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
          <a href="/go" class="btn" style="background: var(--accent); color: #0c0b10; padding: 12px 25px; font-weight: 700;" rel="nofollow">🎁 Obtenir le bonus 🎁</a>
        </div>
      </div>
    </amp-lightbox>
    <section class="hero">
      <p class="hero-sub">Aphrodite Casino s'adresse aux joueurs qui veulent une expérience fluide : navigation claire, catégories lisibles, dépôt rapide et catalogue varié. Sur cette page, vous trouverez un aperçu synthétique et honnête du site : bonus, jeux disponibles, sécurité, version mobile, moyens de paiement et questions fréquentes. L'objectif est simple : vous aider à comprendre ce que vous allez trouver avant d'ouvrir un compte.</p>
    </section>

    <!-- Informations clés -->
    <section class="section" id="infos">
      <h2>Points forts en un coup d'œil</h2>
      <ul>
        <li>Catalogue large : machines à sous modernes, jeux de table et section live.</li>
        <li>Bonus d'accueil progressif avec tours gratuits (conditions détaillées dans « Promotions »).</li>
        <li>Site mobile réactif : pas d'application obligatoire, interface claire sur Android/iOS.</li>
        <li>Méthodes de paiement courantes : cartes, e-wallets, crypto prises en charge selon la région.</li>
        <li>Cadre de sécurité standard : connexion HTTPS/SSL, contrôle d'âge, procédures KYC/AML.</li>
        <li>Support 24/7 via chat et e-mail, réponses en français selon l'affluence.</li>
      </ul>
      <p><strong>Jeu responsable :</strong> réservez un budget, évitez de jouer sous pression et activez les limites de dépôt si nécessaire. Le site est réservé aux adultes (18 +).</p>
    </section>

    <!-- Bonus et Promotions -->
    <section class="section" id="bonus">
      <h2>Bonus et promotions</h2>
      
      <h3>Offre de bienvenue</h3>
      <p>Le bonus d'inscription est étagé sur les premiers dépôts. Selon la campagne du moment, il peut combiner un pourcentage de bonus et un lot de tours gratuits sur des slots populaires. Les éléments à vérifier avant d'activer l'offre :</p>
      <ul>
        <li>Mise (wager) requise pour transformer le bonus en argent retirable.</li>
        <li>Jeux éligibles : les jeux live et certains jackpots sont souvent exclus du wagering.</li>
        <li>Plafond et durée : montant maximum de conversion et délai d'utilisation.</li>
      </ul>
      
      <h3>Promotions récurrentes</h3>
      <p>Aphrodite Casino propose généralement :</p>
      <ul>
        <li>Reloads à jours fixes ;</li>
        <li>Cashback pour les joueurs actifs (taux variable selon le statut) ;</li>
        <li>Tournaments sur machines à sous avec classement et cagnottes partagées ;</li>
        <li>Programme de fidélité : points cumulés, paliers et récompenses.</li>
      </ul>
      <p><strong>Conseil :</strong> lisez toujours la fiche promo. Un libellé clair évite les malentendus sur le wager, les mises maximales et la contribution des jeux.</p>
    </section>

    <!-- Catalogue de jeux -->
    <section class="section" id="jeux">
      <h2>Jeux disponibles</h2>
      
      <h3>Machines à sous</h3>
      <p>Le lobby des slots met en avant des nouveautés et des classiques à forte volatilité. On y retrouve des mécaniques variées (Megaways, Bonus Buy, Hold & Win), des thèmes très différents et des fourchettes de mises adaptées à tous les profils. De nombreux titres proposent un mode démo, utile pour tester les fonctionnalités sans engager de solde réel.</p>
      
      <h3>Jeux de table</h3>
      <p>Roulette, blackjack, baccarat et poker vidéo couvrent les préférences les plus courantes. Les limites de mise varient d'une table à l'autre ; c'est un bon point pour alterner entre sessions courtes et longues. Les règles sont rappelées dans les fiches de jeu, pratique pour les débutants.</p>
      
      <h3>Casino en direct</h3>
      <p>La section live propose des tables animées par de vrais croupiers (roulette, blackjack, baccarat) et parfois des game shows. Les flux HD restent stables sur des connexions domestiques. Notez que la plupart des jeux live ne contribuent pas au wagering des bonus : gardez-les pour le jeu cash si vous souhaitez convertir un bonus.</p>
      
      <h3>Catalogue de jeux</h3>
      <div class="games">
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/777coins.webp" width="180" height="200" layout="responsive" alt="777 Coins" loading="lazy"></amp-img>
            <div class="meta">777 Coins</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/chicken.webp" width="180" height="200" layout="responsive" alt="Chicken Drop" loading="lazy"></amp-img>
            <div class="meta">Chicken Drop</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/gatesofolymp.webp" width="180" height="200" layout="responsive" alt="Gates of Olympus" loading="lazy"></amp-img>
            <div class="meta">Gates of Olympus</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/hellhot.webp" width="180" height="200" layout="responsive" alt="Hell Hot" loading="lazy"></amp-img>
            <div class="meta">Hell Hot</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/le_king.webp" width="180" height="200" layout="responsive" alt="Le King" loading="lazy"></amp-img>
            <div class="meta">Le King</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/sugarrush.webp" width="180" height="200" layout="responsive" alt="Sugar Rush" loading="lazy"></amp-img>
            <div class="meta">Sugar Rush</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/thedoghouse.webp" width="180" height="200" layout="responsive" alt="The Dog House" loading="lazy"></amp-img>
            <div class="meta">The Dog House</div>
          </a>
        </article>
        <article class="game">
          <a href="/go" rel="nofollow">
            <amp-img src="images/zeus.webp" width="180" height="200" layout="responsive" alt="Zeus" loading="lazy"></amp-img>
            <div class="meta">Zeus</div>
          </a>
        </article>
      </div>
    </section>

    <!-- Boutons d'action après jeux -->
    <section class="section cta-section">
      <div class="cta">
        <a href="/go" class="btn" rel="nofollow">Se connecter</a>
        <a href="/go" class="btn" rel="nofollow">S'inscrire</a>
      </div>
    </section>

    <!-- Version mobile -->
    <section class="section" id="mobile">
      <h2>Version mobile</h2>
      <p>Le site est entièrement responsive. L'accueil, les filtres par fournisseur et le passage à la caisse restent lisibles sur petit écran.</p>
      <ul>
        <li><strong>Android/iOS :</strong> l'usage via navigateur mobile suffit pour jouer, déposer et retirer.</li>
        <li><strong>Raccourci iOS :</strong> vous pouvez ajouter le site sur l'écran d'accueil via Safari (icône « Partager » → « Sur l'écran d'accueil »).</li>
        <li><strong>Notifications :</strong> si elles sont proposées, activez-les seulement si vous voulez suivre les promos.</li>
      </ul>
    </section>

    <!-- Dépôts & retraits -->
    <section class="section" id="paiements">
      <h2>Dépôts et retraits</h2>
      
      <h3>Dépôts</h3>
      <p>Les cartes bancaires (Visa/Mastercard) et plusieurs portefeuilles électroniques sont généralement disponibles, avec parfois la prise en charge de cryptomonnaies majeures. Le montant minimum de dépôt est indiqué clairement à la caisse. Les dépôts sont en règle générale instantanés.</p>
      
      <h3>Retraits</h3>
      <p>La procédure standard comporte deux étapes :</p>
      <ol>
        <li>Validation interne (quelques heures à 48 h, selon le volume) ;</li>
        <li>Traitement par le prestataire (banque, e-wallet ou réseau crypto).</li>
      </ol>
      <p>Le KYC (preuve d'identité et justificatif d'adresse) est requis lors du premier retrait ou au-delà d'un certain seuil.</p>
      <p><strong>Astuce :</strong> si possible, retirez via la même méthode que celle utilisée pour déposer — les vérifications sont souvent plus rapides.</p>
    </section>

    <!-- Sécurité -->
    <section class="section" id="securite">
      <h2>Sécurité, licence et conformité</h2>
      <p>Aphrodite Casino applique les standards habituels : chiffrement SSL, contrôle d'âge et politiques KYC/AML pour prévenir la fraude. La licence est indiquée dans les mentions légales du site. Les joueurs disposent d'outils de jeu responsable (limites, auto-exclusion, rappel de session).</p>
      <p><strong>Pour plus de sérénité :</strong> jouez uniquement sur un domaine officiel, vérifiez le HTTPS et évitez les liens partagés par des sources non fiables.</p>
    </section>

    <!-- Programme VIP -->
    <section class="section" id="vip">
      <h2>Programme VIP et tournois</h2>
      <p>Les joueurs réguliers peuvent bénéficier d'un statut VIP (accumulation de points, paliers, gestionnaire dédié selon le niveau). Les tournois de machines à sous dynamisent le lobby avec des classements en temps limité ; ce format convient aux joueurs qui préfèrent des objectifs courts et mesurables.</p>
    </section>

    <!-- Créer un compte -->
    <section class="section" id="compte">
      <h2>Créer un compte : les étapes</h2>
      <ol>
        <li>Cliquez sur <a href="/go" rel="nofollow">S'inscrire</a> et renseignez e-mail/mot de passe.</li>
        <li>Validez votre adresse via le lien de confirmation reçu.</li>
        <li>Complétez votre profil (nom, date de naissance, adresse) pour faciliter le KYC.</li>
        <li>Choisissez la devise et, si vous le souhaitez, activez l'offre de bienvenue.</li>
        <li>Effectuez un premier dépôt pour accéder aux jeux en argent réel.</li>
      </ol>
      <p><strong>Bon réflexe :</strong> lisez les conditions du bonus avant de déposer afin de choisir l'option la plus adaptée à votre style de jeu (wager, mises max, jeux éligibles).</p>
    </section>

    <!-- Service client -->
    <section class="section" id="support">
      <h2>Service client</h2>
      <p>Le support est disponible 24/7 via chat et par e-mail. Les réponses en français dépendent de l'affluence ; pour les questions complexes (KYC, litiges de paiement), prévoyez un délai supplémentaire. La base de FAQ regroupe les thèmes clés (compte, paiements, bonus, technique).</p>
    </section>

    <!-- Informations essentielles -->
    <section class="key-info" lang="fr" aria-labelledby="aphro-key-title">
      <h2 id="aphro-key-title">Informations essentielles — Aphrodite Casino</h2>

      <table class="info-table" role="table">
        <thead class="sr-only">
          <tr role="row">
            <th scope="col">Rubrique</th>
            <th scope="col">Détails</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">Statut & présence</th>
            <td>Aphrodite Casino est une plateforme internationale active sur le marché francophone en 2026, avec une interface et une assistance disponibles en français.</td>
          </tr>

          <tr>
            <th scope="row">Licence & sécurité</th>
            <td>Exploitation sous licence internationale (Curaçao). Chiffrement SSL, politiques AML/KYC, protection des comptes et vérification d'âge (18+).</td>
          </tr>

          <tr>
            <th scope="row">Accès officiel</th>
            <td>
              URL officielle : <span data-url-officiel><!-- https://... --></span><br>
              Des miroirs vérifiés sont publiés en cas de blocage. Ajoutez l'adresse aux favoris pour un accès rapide.
            </td>
          </tr>

          <tr>
            <th scope="row">Bonus de bienvenue</th>
            <td>Pack d'accueil orienté machines à sous, personnalisable selon la promo en cours (jusqu'à <strong>700 %</strong> et <strong>7 000 €</strong> mentionnés sur la bannière). Cashback VIP disponible pour les comptes éligibles.</td>
          </tr>

          <tr>
            <th scope="row">Catalogue de jeux</th>
            <td>Plus de 3 000 titres : machines à sous modernes, jeux de table (roulette, blackjack, poker, baccarat), jeux instantanés et section Live.</td>
          </tr>
        </tbody>
      </table>
    </section>

    <!-- Notre avis -->
    <section class="section" id="avis">
      <h2>Notre avis sur Aphrodite Casino (résumé)</h2>
      <p>Aphrodite Casino propose une expérience moderne pour le public francophone : catalogue large, interface mobile propre, bonus d'accueil progressif et moyens de paiement actuels. Le site conviendra aux joueurs qui cherchent une plateforme polyvalente avec des promos régulières, tout en restant attentifs aux conditions des offres et aux règles de retrait.</p>
    </section>

    <!-- FAQ -->
    <section class="section faq-section" id="faq">
      <h2>FAQ</h2>
      <amp-accordion class="faq-accordion">
        <section class="faq-item">
          <h4>Aphrodite Casino est-il légal en France ?</h4>
          <p>Le site opère sous licence internationale et accepte les joueurs francophones. Vérifiez vos obligations locales et jouez uniquement si vous avez 18 ans ou plus.</p>
        </section>
        <section class="faq-item">
          <h4>Quels sont les délais de retrait ?</h4>
          <p>En moyenne quelques heures à 48 h pour la validation interne, puis un délai variable lié au prestataire (banque, e-wallet, réseau crypto).</p>
        </section>
        <section class="faq-item">
          <h4>Puis-je jouer sur mobile ?</h4>
          <p>Oui. Le site est responsive et fonctionne via navigateur sur Android et iOS. Aucun téléchargement n'est obligatoire.</p>
        </section>
        <section class="faq-item">
          <h4>Les jeux live comptent-ils pour le wagering ?</h4>
          <p>Généralement non (ou très peu). Consultez la fiche promo pour la contribution exacte de chaque catégorie.</p>
        </section>
        <section class="faq-item">
          <h4>Que faire si je ne reçois pas l'e-mail de confirmation ?</h4>
          <p>Vérifiez le dossier Spam/Promotions et demandez un renvoi depuis la page de connexion.</p>
        </section>
      </amp-accordion>
    </section>

    <!-- Boutons d'action après FAQ -->
    <section class="section cta-section">
      <div class="cta">
        <a href="/go" class="btn" rel="nofollow">Se connecter</a>
        <a href="/go" class="btn" rel="nofollow">S'inscrire</a>
      </div>
    </section>

    <!-- Note finale -->
    <section class="section" id="note">
      <h2>Note finale</h2>
      <p>Aphrodite Casino est une option solide si vous souhaitez un lobby riche, un site mobile soigné et un cadre de sécurité conforme aux standards du secteur. Comme toujours, prenez le temps de parcourir les conditions, fixez un budget et privilégiez le confort de jeu à la recherche de mises risquées.</p>
    </section>

    <footer>
      <p>© 2026 Aphrodite Casino — Jeu responsable 18+</p>
      <p style="margin-top: 8px; font-size: 0.8rem;">
        <a href="#responsable">Jouer de manière responsable</a> | 
        <a href="#cgv">CGV</a> | 
        <a href="#confidentialite">Politique de confidentialité</a>
      </p>
    </footer>
  </main>
  
  <!-- Fixed mobile button -->
  <a href="/go" class="mobile-fixed-btn" rel="nofollow">S'inscrire</a>

</body>
</html>
