.page-original-games { color: #333333; font-family: Arial, sans-serif; line-height: 1.6; }
.page-original-games__container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.page-original-games__section-title { font-size: 2.5em; color: #8B0000; text-align: center; margin-bottom: 20px; font-weight: bold; }
.page-original-games__section-description { font-size: 1.1em; color: #555; text-align: center; margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; }
.page-original-games__btn { display: inline-block; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; }
.page-original-games__btn--primary { background-color: #FFD700; color: #8B0000; border: 2px solid #FFD700; }
.page-original-games__btn--primary:hover { background-color: #e6c200; border-color: #e6c200; }
.page-original-games__btn--secondary { background-color: transparent; color: #FFD700; border: 2px solid #FFD700; }
.page-original-games__btn--secondary:hover { background-color: #FFD700; color: #8B0000; }

/* Hero Section */
.page-original-games__hero-section { position: relative; width: 100%; overflow: hidden; background-color: #000; }
.page-original-games__hero-slider { position: relative; width: 100%; }
.page-original-games__hero-track { display: flex; transition: transform 0.5s ease-in-out; }
.page-original-games__hero-slide { flex: 0 0 100%; position: relative; opacity: 0; transition: opacity 1s ease-in-out; }
.page-original-games__hero-slide.is-active { opacity: 1; }
.page-original-games__hero-slide img { width: 100%; height: auto; display: block; aspect-ratio: 1920/780; object-fit: cover; }
.page-original-games__hero-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 20px; box-sizing: border-box; }
.page-original-games__hero-title { font-size: clamp(2em, 5vw, 3.5em); color: #FFD700; margin-bottom: 15px; font-weight: bold; line-height: 1.2; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); }
.page-original-games__hero-description { font-size: clamp(1em, 2vw, 1.3em); color: #fff; margin-bottom: 30px; max-width: 800px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.page-original-games__hero-actions { display: flex; gap: 20px; }
.page-original-games__hero-btn { display: inline-block; padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; font-size: 1.1em; }
.page-original-games__hero-btn--primary { background-color: #FFD700; color: #8B0000; border: 2px solid #FFD700; }
.page-original-games__hero-btn--primary:hover { background-color: #8B0000; color: #FFD700; border-color: #8B0000; transform: translateY(-3px); }
.page-original-games__hero-btn--secondary { background-color: transparent; color: #FFD700; border: 2px solid #FFD700; }
.page-original-games__hero-btn--secondary:hover { background-color: #FFD700; color: #8B0000; border-color: #FFD700; transform: translateY(-3px); }
.page-original-games__hero-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; }
.page-original-games__hero-dot { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: background-color 0.3s ease; }
.page-original-games__hero-dot.is-active { background-color: #FFD700; }

/* Games Section */
.page-original-games__games-section { padding: 60px 0; background-color: #f9f9f9; }
.page-original-games__games-controls { display: flex; justify-content: center; gap: 20px; margin-bottom: 30px; }
.page-original-games__games-prev, .page-original-games__games-next { background-color: #FFD700; border: none; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s ease; outline: none; }
.page-original-games__games-prev::before, .page-original-games__games-next::before { content: ''; display: block; width: 15px; height: 15px; border-top: 3px solid #8B0000; border-left: 3px solid #8B0000; }
.page-original-games__games-prev::before { transform: rotate(-45deg); margin-left: 5px; }
.page-original-games__games-next::before { transform: rotate(135deg); margin-right: 5px; }
.page-original-games__games-prev:hover, .page-original-games__games-next:hover { background-color: #8B0000; }
.page-original-games__games-prev:hover::before, .page-original-games__games-next:hover::before { border-color: #FFD700; }
.page-original-games__games-track { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; padding-bottom: 20px; /* For scrollbar */ -webkit-overflow-scrolling: touch; }
.page-original-games__games-track::-webkit-scrollbar { height: 8px; }
.page-original-games__games-track::-webkit-scrollbar-thumb { background: #FFD700; border-radius: 10px; }
.page-original-games__games-track::-webkit-scrollbar-track { background: #ddd; border-radius: 10px; }
.page-original-games__game-card { flex: 0 0 260px; aspect-ratio: 13/19; position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.page-original-games__game-card:hover { transform: translateY(-5px); }
.page-original-games__game-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.page-original-games__game-overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); color: #fff; padding: 15px; transform: translateY(100%); transition: transform 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; opacity: 0; }
.page-original-games__game-card:hover .page-original-games__game-overlay { transform: translateY(0); opacity: 1; }
.page-original-games__game-overlay h3 { margin-top: 0; font-size: 1.5em; color: #FFD700; margin-bottom: 10px; }
.page-original-games__game-btn { display: inline-block; background-color: #FFD700; color: #8B0000; padding: 8px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; }
.page-original-games__game-btn:hover { background-color: #e6c200; }

/* About Section */
.page-original-games__about-section { padding: 80px 0; background-color: #fff; }
.page-original-games__about-section .page-original-games__container { display: flex; align-items: center; gap: 50px; }
.page-original-games__about-content { flex: 1; }
.page-original-games__about-image { flex: 1; text-align: center; }
.page-original-games__about-image img { max-width: 100%; height: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); min-width: 200px; min-height: 200px; }
.page-original-games__about-features { list-style: none; padding: 0; margin-top: 30px; margin-bottom: 40px; }
.page-original-games__about-features li { display: flex; align-items: center; margin-bottom: 15px; font-size: 1.1em; color: #555; }
.page-original-games__feature-icon { color: #FFD700; font-size: 1.4em; margin-right: 10px; font-weight: bold; }

/* Unique Section */
.page-original-games__unique-section { padding: 80px 0; background-color: #f0f0f0; }
.page-original-games__unique-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.page-original-games__unique-card { perspective: 1000px; height: 350px; cursor: pointer; }
.page-original-games__unique-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; }
.page-original-games__unique-card.is-flip .page-original-games__unique-card-inner { transform: rotateY(180deg); }
.page-original-games__unique-front, .page-original-games__unique-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; background-color: #fff; border-radius: 15px; }
.page-original-games__unique-front img {   object-fit: contain; margin-bottom: 15px; min-width: 200px; min-height: 200px; }
.page-original-games__unique-front h3 { font-size: 1.5em; color: #8B0000; margin-bottom: 10px; }
.page-original-games__unique-front p { font-size: 1em; color: #666; }
.page-original-games__unique-back { transform: rotateY(180deg); background-color: #8B0000; color: #fff; }
.page-original-games__unique-back h3 { font-size: 1.5em; color: #FFD700; margin-bottom: 10px; }
.page-original-games__unique-back p { font-size: 1em; margin-bottom: 20px; }
.page-original-games__card-btn { display: inline-block; background-color: #FFD700; color: #8B0000; padding: 8px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; }
.page-original-games__card-btn:hover { background-color: #e6c200; }

/* Service Section */
.page-original-games__service-section { padding: 80px 0; background-color: #fff; }
.page-original-games__service-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; }
.page-original-games__service-item { text-align: center; padding: 25px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: #fff; }
.page-original-games__service-item:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.page-original-games__service-item img {   object-fit: contain; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; min-width: 200px; min-height: 200px; }
.page-original-games__service-item h3 { font-size: 1.4em; color: #8B0000; margin-bottom: 10px; }
.page-original-games__service-item p { font-size: 0.95em; color: #666; margin-bottom: 20px; }
.page-original-games__service-btn { display: inline-block; background-color: #FFD700; color: #8B0000; padding: 8px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; }
.page-original-games__service-btn:hover { background-color: #e6c200; }

/* Responsive */
@media (max-width: 1024px) {
  .page-original-games__about-section .page-original-games__container { flex-direction: column; text-align: center; }
  .page-original-games__about-image { order: -1; margin-bottom: 30px; }
  .page-original-games__unique-grid { grid-template-columns: repeat(2, 1fr); }
  .page-original-games__service-list { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .page-original-games__hero-slide img { aspect-ratio: 3/4; }
  .page-original-games__hero-title { font-size: 2.2em; }
  .page-original-games__hero-description { font-size: 1em; }
  .page-original-games__hero-actions { flex-direction: column; gap: 15px; width: 80%; margin: 0 auto; }
  .page-original-games__hero-btn { width: 100%; box-sizing: border-box; text-align: center; }

  .page-original-games__games-track { flex-wrap: nowrap; /* Ensure horizontal scroll */ padding-left: 10px; padding-right: 10px; }
  .page-original-games__game-card { flex: 0 0 180px; }

  .page-original-games__about-section .page-original-games__container { flex-direction: column; }
  .page-original-games__about-image { order: -1; margin-bottom: 30px; }

  .page-original-games__unique-grid { grid-template-columns: 1fr; }
  .page-original-games__unique-card { height: auto; min-height: 350px; }
  .page-original-games__unique-front, .page-original-games__unique-back { padding: 15px; }

  .page-original-games__service-list { grid-template-columns: 1fr; }
  .page-original-games__service-item { margin-bottom: 20px; }

  .page-original-games img { max-width: 100% !important; height: auto !important; }
  .page-original-games__hero-slide img { min-height: 250px; }
  .page-original-games__game-card img { min-height: 250px; }
  .page-original-games__about-image img { min-height: 250px; }
  .page-original-games__unique-front img, .page-original-games__service-item img {   min- min- /* Allowing smaller visual size for these specific types */ }
  .page-original-games__btn, .page-original-games__game-btn, .page-original-games__card-btn, .page-original-games__service-btn {
    max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;
  }
  .page-original-games__hero-actions {
    width: 100%; max-width: 100%; overflow: hidden; box-sizing: border-box;
  }
}