.promo-card { transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; }
    .promo-card:hover { transform: translateY(-8px) !important; border-color: rgba(79, 195, 255, 0.62) !important; box-shadow: 0 24px 60px rgba(0, 119, 255, 0.28) !important; background: rgba(255, 255, 255, 0.09) !important;}
    .btn-promo { transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
    .btn-promo:hover { transform: translateY(-3px) !important; box-shadow: 0 18px 38px rgba(0, 194, 255, 0.45) !important; color: #ffffff !important; }

    @media (max-width: 1024px) {
      .promo-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
      .section-header h2 { font-size: 30px !important; }
    }
    @media (max-width: 640px) {
      .promo-tembak-ikan { padding: 60px 16px !important; }
      .section-header h2 { font-size: 24px !important; }
      .section-header p { font-size: 14px !important; }
      .promo-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
      .promo-card { padding: 26px 20px !important; min-height: auto !important; }
    }