/* Base styling for the specific page */.page-poppy-playtime-keychains {font-family: 'Arial', sans-serif;color: #e0e0e0;background-color: #1a1a1a;line-height: 1.6;padding-top: 10px;}/* Section styling */.page-poppy-playtime-keychains__section-title {font-size: 2.5rem;color: #ffcc00;text-align: center;margin-bottom: 40px;padding: 0 15px;text-shadow: 0 0 5px rgba(255, 204, 0, 0.5);}@media (max-width: 768px) {.page-poppy-playtime-keychains__section-title {font-size: 1.8rem;margin-bottom: 30px;}}/* Hero Section */.page-poppy-playtime-keychains__hero-section {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 60px 20px;max-width: 1200px;margin: 0 auto;gap: 40px;background: linear-gradient(135deg, #2a2a2a, #1a1a1a);border-radius: 15px;margin-bottom: 60px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}@media (max-width: 992px) {.page-poppy-playtime-keychains__hero-section {flex-direction: column;padding: 40px 15px;gap: 30px;text-align: center;}}.page-poppy-playtime-keychains__hero-content {flex: 1;min-width: 300px;text-align: left;}@media (max-width: 992px) {.page-poppy-playtime-keychains__hero-content {text-align: center;}}.page-poppy-playtime-keychains__hero-title {font-size: 3.5rem;color: #ffcc00;margin-bottom: 20px;line-height: 1.1;text-shadow: 0 0 8px rgba(255, 204, 0, 0.6);}@media (max-width: 992px) {.page-poppy-playtime-keychains__hero-title {font-size: 2.5rem;}}.page-poppy-playtime-keychains__hero-title strong {color: #ff6f61;} /* Reddish accent for keywords */.page-poppy-playtime-keychains__hero-description {font-size: 1.2rem;color: #c0c0c0;margin-bottom: 30px;}@media (max-width: 992px) {.page-poppy-playtime-keychains__hero-description {font-size: 1rem;}}.page-poppy-playtime-keychains__hero-cta {display: inline-block;background-color: #ff6f61; /* Red accent for CTA */color: #ffffff;padding: 15px 30px;border-radius: 8px;text-decoration: none;font-weight: bold;font-size: 1.1rem;transition: background-color 0.3s ease, transform 0.2s ease;}.page-poppy-playtime-keychains__hero-cta:hover {background-color: #e65c50;transform: translateY(-3px);}.page-poppy-playtime-keychains__hero-image-container {flex: 1;min-width: 300px;display: flex;justify-content: center;align-items: center;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.page-poppy-playtime-keychains__hero-image {max-width: 100%;height: auto;display: block;}/* Features Section */.page-poppy-playtime-keychains__features-section {padding: 60px 20px;max-width: 1200px;margin: 0 auto;text-align: center;}.page-poppy-playtime-keychains__features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-bottom: 40px;}@media (max-width: 768px) {.page-poppy-playtime-keychains__features-grid {grid-template-columns: 1fr;padding: 0;}}.page-poppy-playtime-keychains__feature-item {background-color: #2a2a2a;padding: 30px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;box-sizing: border-box;} /* Required for list items */.page-poppy-playtime-keychains__feature-item:hover {transform: translateY(-5px);}@media (max-width: 768px) {.page-poppy-playtime-keychains__feature-item {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 20px;word-wrap: break-word !important;}}.page-poppy-playtime-keychains__feature-icon {width: 100%; /* Max width 100% for responsiveness */max-width: 250px; /* Set a reasonable max-width */height: auto;margin-bottom: 20px;border-radius: 8px;object-fit: cover;display: block;margin-left: auto;margin-right: auto;}.page-poppy-playtime-keychains__feature-title {font-size: 1.5rem;color: #ffcc00;margin-bottom: 10px;}.page-poppy-playtime-keychains__feature-description {font-size: 1rem;color: #c0c0c0;}.page-poppy-playtime-keychains__cta-bottom {margin-top: 50px;text-align: center;}.page-poppy-playtime-keychains__cta-text {font-size: 1.3rem;color: #ffcc00;margin-bottom: 20px;}.page-poppy-playtime-keychains__cta-button {display: inline-block;background-color: #ff6f61;color: #ffffff;padding: 15px 30px;border-radius: 8px;text-decoration: none;font-weight: bold;font-size: 1.1rem;transition: background-color 0.3s ease, transform 0.2s ease;}.page-poppy-playtime-keychains__cta-button:hover {background-color: #e65c50;transform: translateY(-3px);}@media (max-width: 768px) {.page-poppy-playtime-keychains__features-section {padding: 40px 15px;}}/* Types Section */.page-poppy-playtime-keychains__types-section {padding: 60px 20px;max-width: 1200px;margin: 0 auto;text-align: center;}.page-poppy-playtime-keychains__types-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}@media (max-width: 768px) {.page-poppy-playtime-keychains__types-grid {grid-template-columns: 1fr;padding: 0;}}.page-poppy-playtime-keychains__type-card {background-color: #2a2a2a;padding: 25px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;box-sizing: border-box;} /* Required for list items */.page-poppy-playtime-keychains__type-card:hover {transform: translateY(-5px);}@media (max-width: 768px) {.page-poppy-playtime-keychains__type-card {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 20px;word-wrap: break-word !important;}}.page-poppy-playtime-keychains__type-image {width: 100%;max-width: 300px; /* Limiting image width in card */height: auto;margin-bottom: 15px;border-radius: 8px;object-fit: cover;display: block;margin-left: auto;margin-right: auto;}.page-poppy-playtime-keychains__type-title {font-size: 1.4rem;color: #ffcc00;margin-bottom: 10px;}.page-poppy-playtime-keychains__type-description {font-size: 0.95rem;color: #c0c0c0;}@media (max-width: 768px) {.page-poppy-playtime-keychains__types-section {padding: 40px 15px;}}/* FAQ Section */.page-poppy-playtime-keychains__faq-section {padding: 60px 20px;max-width: 900px;margin: 0 auto;}.page-poppy-playtime-keychains__faq-container {background-color: #2a2a2a;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);overflow: hidden;}.page-poppy-playtime-keychains__faq-item {border-bottom: 1px solid #3a3a3a;}.page-poppy-playtime-keychains__faq-item:last-child {border-bottom: none;}.page-poppy-playtime-keychains__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 20px 25px;cursor: pointer;background-color: #2a2a2a;transition: background-color 0.3s ease;user-select: none;}.page-poppy-playtime-keychains__faq-question:hover {background-color: #3a3a3a;}.page-poppy-playtime-keychains__faq-title {font-size: 1.25rem;color: #ffcc00;margin: 0;pointer-events: none;} /* Prevent title from blocking click event */.page-poppy-playtime-keychains__faq-toggle {font-size: 1.8rem;font-weight: bold;color: #ff6f61;transition: transform 0.3s ease;pointer-events: none;} /* Prevent toggle from blocking click event */.page-poppy-playtime-keychains__faq-item.active .page-poppy-playtime-keychains__faq-toggle {transform: rotate(45deg);}.page-poppy-playtime-keychains__faq-answer {max-height: 0;overflow: hidden;padding: 0 25px;color: #c0c0c0;background-color: #1a1a1a;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;opacity: 0;}.page-poppy-playtime-keychains__faq-item.active .page-poppy-playtime-keychains__faq-answer {max-height: 2000px !important; /* Sufficiently large value */padding: 20px 25px !important;opacity: 1;}.page-poppy-playtime-keychains__faq-answer p {margin: 0;word-wrap: break-word !important;} /* Ensure text wraps */.page-poppy-playtime-keychains__faq-answer a {color: #ffcc00;text-decoration: none;font-weight: bold;}.page-poppy-playtime-keychains__faq-answer a:hover {text-decoration: underline;}@media (max-width: 768px) {.page-poppy-playtime-keychains__faq-section {padding: 40px 15px;}.page-poppy-playtime-keychains__faq-question {padding: 15px 20px;}.page-poppy-playtime-keychains__faq-title {font-size: 1.1rem;}.page-poppy-playtime-keychains__faq-toggle {font-size: 1.5rem;}.page-poppy-playtime-keychains__faq-answer {padding: 0 20px;}.page-poppy-playtime-keychains__faq-item.active .page-poppy-playtime-keychains__faq-answer {padding: 15px 20px !important;}}/* Call to Action Section */.page-poppy-playtime-keychains__cta-section {padding: 60px 20px;max-width: 1200px;margin: 0 auto 60px auto;text-align: center;}.page-poppy-playtime-keychains__cta-card {background: linear-gradient(45deg, #ff6f61, #e65c50); /* Red gradient */padding: 40px;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);position: relative;overflow: hidden;}.page-poppy-playtime-keychains__cta-card-title {font-size: 2.5rem;color: #ffffff;margin-bottom: 20px;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.page-poppy-playtime-keychains__cta-card-description {font-size: 1.2rem;color: #f0f0f0;margin-bottom: 30px;max-width: 800px;margin-left: auto;margin-right: auto;}.page-poppy-playtime-keychains__cta-card-button {display: inline-block;background-color: #ffcc00; /* Gold/yellow for button */color: #1a1a1a;padding: 18px 40px;border-radius: 10px;text-decoration: none;font-weight: bold;font-size: 1.2rem;transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.page-poppy-playtime-keychains__cta-card-button:hover {background-color: #e6b800;transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}.page-poppy-playtime-keychains__cta-card-logo {position: absolute;bottom: -20px;right: -20px;width: 150px;height: auto;opacity: 0.2;filter: grayscale(100%);transition: opacity 0.3s ease;}.page-poppy-playtime-keychains__cta-card:hover .page-poppy-playtime-keychains__cta-card-logo {opacity: 0.3;}@media (max-width: 768px) {.page-poppy-playtime-keychains__cta-section {padding: 40px 15px;}.page-poppy-playtime-keychains__cta-card {padding: 30px;}.page-poppy-playtime-keychains__cta-card-title {font-size: 1.8rem;}.page-poppy-playtime-keychains__cta-card-description {font-size: 1rem;}.page-poppy-playtime-keychains__cta-card-button {padding: 12px 25px;font-size: 1rem;}.page-poppy-playtime-keychains__cta-card-logo {width: 100px;}}/* General image responsiveness */.page-poppy-playtime-keychains img {max-width: 100%;height: auto;display: block;box-sizing: border-box;}@media (max-width: 768px) {.page-poppy-playtime-keychains img {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;}.page-poppy-playtime-keychains__hero-image-container,.page-poppy-playtime-keychains__feature-icon,.page-poppy-playtime-keychains__type-image {width: 100% !important;max-width: 100% !important;overflow: hidden !important;box-sizing: border-box !important;}}