.poker-hero .hero-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.78)), var(--color-hero-overlay); }
.poker-hero .hero-inner { align-items: flex-end; padding-bottom: var(--space-16); }
@media (min-width: 768px) { .poker-hero .hero-inner { align-items: center; } }
.poker-hero .hero-content { background: linear-gradient(135deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.35)); padding: var(--space-5); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); backdrop-filter: blur(10px); }
@media (min-width: 992px) { .poker-hero .hero-content { padding: var(--space-6); } }
.poker-visual-main img { height: 100%; object-fit: cover; }
.poker-section-alt { background-color: var(--color-surface); }
.order-2-desktop { }
@media (min-width: 992px) { .order-2-desktop { order: 2; } }
.poker-list { list-style: none; padding-left: 0; }
.poker-list li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; font-size: var(--font-size-sm); color: var(--color-gray-800); }
.poker-list li::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 8px; height: 8px; border-radius: 999px; background: linear-gradient(135deg, var(--color-primary), #ff8a5c); box-shadow: 0 0 0 4px var(--color-primary-soft); }
.poker-card { height: 100%; display: flex; flex-direction: column; }
.poker-card .card-title { margin-bottom: var(--space-3); }
.btn-block { width: 100%; justify-content: center; }
.poker-detail-image img { height: 220px; width: 100%; object-fit: cover; }
@media (min-width: 768px) { .poker-detail-image img { height: 260px; } }
.poker-cta-card-wrapper { display: flex; align-items: stretch; }
.poker-cta-card { background: radial-gradient(circle at top left, var(--color-primary-soft), #ffffff); border-radius: var(--radius-xl); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.poker-cta-card .card-title { margin-bottom: var(--space-4); }
.poker-cta-card .btn-primary { width: 100%; justify-content: center; }
.poker-cta-card .btn-ghost { width: 100%; justify-content: center; }
