html {scroll-behavior: smooth;}body {font-family: 'Arial', sans-serif;margin: 0;padding: 0;background-color: #f4f4f4;color: #333;}/* General Button Styles */.page-kuya-j-reservation-online__button {display: inline-block;padding: 12px 25px;border-radius: 8px;font-size: 1rem;font-weight: bold;text-decoration: none;text-align: center;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease;}.page-kuya-j-reservation-online__button--primary {background-color: #e0a800;color: #fff;border: none;}.page-kuya-j-reservation-online__button--primary:hover {background-color: #c79500;transform: translateY(-2px);}.page-kuya-j-reservation-online__button--secondary {background-color: #343a40;color: #fff;border: none;}.page-kuya-j-reservation-online__button--secondary:hover {background-color: #23272b;transform: translateY(-2px);}.page-kuya-j-reservation-online__button--outline {background-color: transparent;color: #e0a800;border: 2px solid #e0a800;}.page-kuya-j-reservation-online__button--outline:hover {background-color: #e0a800;color: #fff;transform: translateY(-2px);}/* Section Padding */.page-kuya-j-reservation-online__section {padding: 40px 20px;margin-bottom: 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);max-width: 1200px;margin-left: auto;margin-right: auto;}/* Hero Section */.page-kuya-j-reservation-online__hero-section {position: relative;text-align: center;color: #fff;padding: 10px 0 0 0;overflow: hidden;margin-bottom: 20px;background-color: #000;}.page-kuya-j-reservation-online__hero-background {width: 100%;height: 500px;object-fit: cover;filter: brightness(0.6);}.page-kuya-j-reservation-online__hero-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 800px;z-index: 10;}.page-kuya-j-reservation-online__hero-title {font-size: 2.8rem;margin-bottom: 15px;line-height: 1.2;font-weight: bold;color: #e0a800;}.page-kuya-j-reservation-online__hero-subtitle {font-size: 1.3rem;margin-bottom: 30px;color: #f0f0f0;}.page-kuya-j-reservation-online__hero-cta-group {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}.page-kuya-j-reservation-online__hero-cta-button {padding: 15px 30px;font-size: 1.1rem;border-radius: 50px;}/* Floating Buttons */.page-kuya-j-reservation-online__floating-buttons {position: fixed;top: 10px;right: 10px;z-index: 1000;display: flex;gap: 10px;}.page-kuya-j-reservation-online__floating-button {padding: 8px 15px;font-size: 0.9rem;border-radius: 5px;text-decoration: none;background-color: #e0a800;color: #fff;border: none;transition: background-color 0.3s ease;}.page-kuya-j-reservation-online__floating-button:hover {background-color: #c79500;}/* Introduction Section */.page-kuya-j-reservation-online__intro-title {font-size: 2.2rem;color: #e0a800;text-align: center;margin-bottom: 20px;}.page-kuya-j-reservation-online__intro-text {font-size: 1.1rem;line-height: 1.6;text-align: center;max-width: 900px;margin: 0 auto 30px auto;}.page-kuya-j-reservation-online__intro-features {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}.page-kuya-j-reservation-online__feature-item {flex: 1 1 calc(33% - 40px);min-width: 280px;background-color: #f9f9f9;padding: 25px;border-radius: 8px;text-align: center;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.page-kuya-j-reservation-online__feature-icon {margin-bottom: 15px;}.page-kuya-j-reservation-online__feature-icon img {width: 60px;height: 60px;object-fit: contain;}.page-kuya-j-reservation-online__feature-title {font-size: 1.3rem;color: #333;margin-bottom: 10px;}.page-kuya-j-reservation-online__feature-description {font-size: 0.95rem;color: #666;line-height: 1.5;}/* Quick Access Section */.page-kuya-j-reservation-online__access-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin-top: 30px;}.page-kuya-j-reservation-online__access-card {background-color: #000;color: #fff;padding: 25px;border-radius: 8px;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}.page-kuya-j-reservation-online__access-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.page-kuya-j-reservation-online__access-title {font-size: 1.4rem;margin-bottom: 15px;color: #e0a800;}.page-kuya-j-reservation-online__access-link {display: block;padding: 10px 20px;background-color: #e0a800;color: #fff;border-radius: 5px;text-decoration: none;font-weight: bold;}.page-kuya-j-reservation-online__access-link:hover {background-color: #c79500;}/* Core Games Section */.page-kuya-j-reservation-online__game-tabs {display: flex;justify-content: center;margin-bottom: 30px;flex-wrap: wrap;gap: 10px;}.page-kuya-j-reservation-online__game-tab-button {padding: 10px 20px;background-color: #eee;border: none;border-radius: 5px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;}.page-kuya-j-reservation-online__game-tab-button.active {background-color: #e0a800;color: #fff;}.page-kuya-j-reservation-online__game-tab-button:hover:not(.active) {background-color: #ddd;}.page-kuya-j-reservation-online__game-content {display: none;}.page-kuya-j-reservation-online__game-content.active {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;}.page-kuya-j-reservation-online__game-card {background-color: #f9f9f9;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);text-align: center;transition: transform 0.3s ease;}.page-kuya-j-reservation-online__game-card:hover {transform: translateY(-5px);}.page-kuya-j-reservation-online__game-card-image {width: 100%;height: 200px;object-fit: cover;}.page-kuya-j-reservation-online__game-card-body {padding: 20px;}.page-kuya-j-reservation-online__game-card-title {font-size: 1.3rem;margin-bottom: 10px;color: #333;}.page-kuya-j-reservation-online__game-card-description {font-size: 0.95rem;color: #666;margin-bottom: 15px;}.page-kuya-j-reservation-online__game-card-button {display: block;width: calc(100% - 40px);margin: 0 auto;padding: 10px;font-size: 1rem;border-radius: 5px;text-decoration: none;}/* Promotions Section */.page-kuya-j-reservation-online__promo-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}.page-kuya-j-reservation-online__promo-card {background-color: #f9f9f9;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}.page-kuya-j-reservation-online__promo-image {width: 100%;height: 220px;object-fit: cover;}.page-kuya-j-reservation-online__promo-content {padding: 20px;}.page-kuya-j-reservation-online__promo-title {font-size: 1.4rem;color: #e0a800;margin-bottom: 10px;}.page-kuya-j-reservation-online__promo-description {font-size: 0.95rem;color: #666;line-height: 1.5;margin-bottom: 15px;}.page-kuya-j-reservation-online__promo-button {display: block;width: 100%;padding: 10px;font-size: 1rem;border-radius: 5px;}/* Security & Customer Service Section */.page-kuya-j-reservation-online__service-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;}.page-kuya-j-reservation-online__service-item {background-color: #f9f9f9;padding: 25px;border-radius: 8px;text-align: center;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.page-kuya-j-reservation-online__service-icon {margin-bottom: 15px;}.page-kuya-j-reservation-online__service-icon img {width: 60px;height: 60px;object-fit: contain;}.page-kuya-j-reservation-online__service-title {font-size: 1.3rem;color: #333;margin-bottom: 10px;}.page-kuya-j-reservation-online__service-description {font-size: 0.95rem;color: #666;line-height: 1.5;}/* FAQ Section */.page-kuya-j-reservation-online__faq-list {list-style: none;padding: 0;}.page-kuya-j-reservation-online__faq-item {background-color: #f9f9f9;margin-bottom: 10px;border-radius: 8px;overflow: hidden;}.page-kuya-j-reservation-online__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background-color: #eee;cursor: pointer;user-select: none;border-bottom: 1px solid #ddd;transition: background-color 0.3s ease;}.page-kuya-j-reservation-online__faq-question:hover {background-color: #e0e0e0;}.page-kuya-j-reservation-online__faq-question h3 {margin: 0;font-size: 1.1rem;color: #333;pointer-events: none;}.page-kuya-j-reservation-online__faq-toggle {font-size: 1.5rem;font-weight: bold;color: #e0a800;pointer-events: none;transition: transform 0.3s ease;}.page-kuya-j-reservation-online__faq-item.active .page-kuya-j-reservation-online__faq-toggle {transform: rotate(45deg);}.page-kuya-j-reservation-online__faq-answer {max-height: 0;overflow: hidden;padding: 0 20px;opacity: 0;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;font-size: 0.95rem;line-height: 1.6;color: #555;}.page-kuya-j-reservation-online__faq-item.active .page-kuya-j-reservation-online__faq-answer {max-height: 2000px !important;padding: 20px !important;opacity: 1;}/* Latest Blog Section */.page-kuya-j-reservation-online__blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}.page-kuya-j-reservation-online__blog-card {background-color: #f9f9f9;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;}.page-kuya-j-reservation-online__blog-card:hover {transform: translateY(-5px);}.page-kuya-j-reservation-online__blog-image {width: 100%;height: 200px;object-fit: cover;}.page-kuya-j-reservation-online__blog-content {padding: 20px;}.page-kuya-j-reservation-online__blog-date {font-size: 0.85rem;color: #999;margin-bottom: 10px;}.page-kuya-j-reservation-online__blog-title {font-size: 1.3rem;margin-bottom: 10px;}.page-kuya-j-reservation-online__blog-title a {color: #333;text-decoration: none;}.page-kuya-j-reservation-online__blog-title a:hover {color: #e0a800;}.page-kuya-j-reservation-online__blog-excerpt {font-size: 0.95rem;color: #666;line-height: 1.5;margin-bottom: 15px;}.page-kuya-j-reservation-online__blog-read-more {display: inline-block;color: #e0a800;text-decoration: none;font-weight: bold;}.page-kuya-j-reservation-online__blog-read-more:hover {text-decoration: underline;}/* Responsive Adjustments */@media (max-width: 1024px) {.page-kuya-j-reservation-online__hero-title {font-size: 2.5rem;}.page-kuya-j-reservation-online__hero-subtitle {font-size: 1.2rem;}.page-kuya-j-reservation-online__feature-item {flex: 1 1 calc(50% - 40px);}.page-kuya-j-reservation-online__access-grid, .page-kuya-j-reservation-online__service-grid, .page-kuya-j-reservation-online__promo-grid, .page-kuya-j-reservation-online__blog-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}.page-kuya-j-reservation-online__game-content.active {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}}@media (max-width: 768px) {.page-kuya-j-reservation-online__floating-buttons {top: 5px;right: 5px;gap: 5px;}.page-kuya-j-reservation-online__floating-button {padding: 6px 12px;font-size: 0.8rem;}.page-kuya-j-reservation-online__hero-title {font-size: 2rem;}.page-kuya-j-reservation-online__hero-subtitle {font-size: 1rem;}.page-kuya-j-reservation-online__hero-cta-button {padding: 12px 20px;font-size: 1rem;}.page-kuya-j-reservation-online__intro-title {font-size: 1.8rem;}.page-kuya-j-reservation-online__intro-text {font-size: 1rem;}.page-kuya-j-reservation-online__feature-item {flex: 1 1 100%;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;}.page-kuya-j-reservation-online__intro-features {padding: 0 !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;}.page-kuya-j-reservation-online__access-grid, .page-kuya-j-reservation-online__service-grid, .page-kuya-j-reservation-online__promo-grid, .page-kuya-j-reservation-online__blog-grid, .page-kuya-j-reservation-online__game-content.active {grid-template-columns: 1fr;}.page-kuya-j-reservation-online__game-tab-button {font-size: 0.9rem;padding: 8px 15px;}.page-kuya-j-reservation-online__faq-question {padding: 12px 15px;}.page-kuya-j-reservation-online__faq-question h3 {font-size: 1rem;}.page-kuya-j-reservation-online__faq-answer {padding: 15px !important;font-size: 0.9rem;}.page-kuya-j-reservation-online__section {padding: 20px 15px;}.page-kuya-j-reservation-online__game-card-button, .page-kuya-j-reservation-online__promo-button {width: calc(100% - 20px);}.page-kuya-j-reservation-online__hero-content {width: 95%;}.page-kuya-j-reservation-online__hero-background {height: 400px;}img {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}.page-kuya-j-reservation-online__feature-icon img, .page-kuya-j-reservation-online__service-icon img {width: 50px;height: 50px;}}.page-kuya-j-reservation-online__image-container {width: 100%;max-width: 100%;overflow: hidden;box-sizing: border-box;}/* Ensure all images inside containers are responsive */.page-kuya-j-reservation-online__image-container img {max-width: 100%;height: auto;display: block;}/* Generic list item responsive styles */.page-kuya-j-reservation-online__list-item {box-sizing: border-box;}.page-kuya-j-reservation-online__list-container {box-sizing: border-box;}.page-kuya-j-reservation-online__list-item p, .page-kuya-j-reservation-online__list-item span, .page-kuya-j-reservation-online__list-item div {word-wrap: break-word;overflow-wrap: break-word;word-break: break-word;}@media (max-width: 768px) {.page-kuya-j-reservation-online__list-item {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;}.page-kuya-j-reservation-online__list-container {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;padding: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}}